Node.js und Playwright vorbereiten
Node.js/npm installieren; das GitHub-Beispiel bringt die nötige Projektkonfiguration mit.
SCHRITT-FÜR-SCHRITT
Playwright TypeScript mit TestZombie starten
Nutze das fertige Testprojekt oder ergänze die TestZombie-Playwright-Library in deiner bestehenden Suite. Die normalen Playwright-APIs bleiben nutzbar.
Beispiel herunterladen
Repository klonen, Pakete installieren und Chromium bereitstellen.
git clone https://github.com/testzombie/testzombie-example-playwright.git
cd testzombie-example-playwright
npm install
npx playwright install chromiumAccount verbinden
Setze API-Key und Account-E-Mail als Umgebungsvariablen (Beispiel für macOS/Linux). Unter Windows stehen die Befehle in der GitHub-README.
export TESTZOMBIE_API_KEY="YOUR_API_KEY"
export TESTZOMBIE_EMAIL="you@example.com"Demo ausführen
Die vorbereiteten Testabläufe durchlaufen unterschiedliche UI-Änderungen. Mit der sichtbaren Browser-Variante kannst du zusehen.
npm test
# Browser sichtbar / headed:
npm run test:headedIn vorhandene Playwright-Tests integrieren
Installiere das npm-Paket. In einer Playwright-Testdatei reicht für den Einstieg der Wechsel des test-/expect-Imports. Details zur zentralen Integration findest du im Beispielprojekt.
npm install -D @testzombie/playwright
// Instead of: import { test, expect } from '@playwright/test';
import { test, expect } from '@testzombie/playwright';Code-Updates sind optional: TESTZOMBIE_SOURCE_UPDATE_MODE=preview zeigt geplante Änderungen, ohne Dateien zu verändern. Mit apply können erfolgreiche Fixes in den Quellcode übernommen werden – bitte immer im Git-Diff prüfen.
Playwright-Paket auf npm ansehenWenn der erste Start nicht klappt
Keine Verbindung?
API-Key, Account-E-Mail und Netzwerkzugriff zur TestZombie-API prüfen.
Kein Healing sichtbar?
Der normale Testlauf kann ohne Healing erfolgreich sein. Für die Demo die im Repository beschriebenen Mutation Levels ausprobieren.
Code-Update gewünscht?
Die Funktion ist optional. Zuerst Preview verwenden, anschließend Änderungen vor einer Übernahme prüfen.
Der erste Test läuft – und dann?
Im Dashboard findest du Testläufe und Healing-Logs. Ein fehlerhafter Locator kann von TestZombie repariert werden; echte Anwendungsfehler bleiben weiterhin Fehler. Erfolgreiche Locator-Fixes können optional als Code-Update geprüft und übernommen werden.