e2e-testing
End-to-End-Tests mit Playwright automatisieren
Manuelles Testen ist langwierig und fehleranfällig. Diese Fähigkeit bietet einen strukturierten 7-Phasen-Workflow für automatisierte E2E-Tests mit Playwright, von der Einrichtung bis zur CI/CD-Integration.
Die Skill-ZIP herunterladen
In Claude hochladen
Gehe zu Einstellungen → Fähigkeiten → Skills → Skill hochladen
Einschalten und loslegen
Teste es
Verwendung von "e2e-testing". E2E-Tests für eine React-Anwendung einrichten
Erwartetes Ergebnis:
Erstellt Playwright-Konfigurationsdatei, installiert Abhängigkeiten, richtet Testverzeichnisstruktur ein und stellt Beispieldatei mit Login-Flow-Test bereit
Verwendung von "e2e-testing". Cross-Browser-Tests ausführen
Erwartetes Ergebnis:
Führt Testsuite gegen Chromium, Firefox und WebKit mit detaillierten Pass/Fail-Berichten und Screenshot-Artefakten für fehlgeschlagene Tests aus
Sicherheitsaudit
SicherStatic analyzer flagged 34 patterns (30 external_commands, 4 blocker) but all are false positives. The SKILL.md file is documentation, not executable code. Backticks are markdown formatting for skill references, not shell commands. No actual code execution or dangerous patterns exist.
Qualitätsbewertung
Was du bauen kannst
QA-Ingenieure automatisieren Regressionstests
Richten Sie umfassende E2E-Test-Suiten ein, die bei jeder Codeänderung automatisch ausgeführt werden und Regressionen vor der Produktionsbereitstellung erkennen.
Entwickler implementieren testgetriebene Entwicklung
Erstellen Sie automatisierte Browser-Tests parallel zur Feature-Entwicklung, um sicherzustellen, dass Benutzerflows in allen unterstützten Browsern korrekt funktionieren.
DevOps-Teams erstellen CI/CD-Pipelines
Integrieren Sie automatisierte E2E-Tests in Bereitstellungs-Workflows mit paralleler Ausführung, Artefakten und Testberichten.
Probiere diese Prompts
Verwenden Sie @playwright-skill, um Playwright-Tests in meinem Projekt einzurichten. Installieren Sie Abhängigkeiten, konfigurieren Sie das Testframework und erstellen Sie eine grundlegende Testdatei.
Verwenden Sie @e2e-testing-patterns, um eine E2E-Teststrategie für meine Anwendung zu entwerfen. Identifizieren Sie kritische Benutzerflows, die automatisierte Tests benötigen.
Verwenden Sie @playwright-skill, um visuelle Regressionstests zu implementieren. Richten Sie Baseline-Bilder ein und fügen Sie visuelle Assertions hinzu, um UI-Änderungen zu erkennen.
Verwenden Sie @github-actions-templates, um einen GitHub Actions-Workflow zu erstellen, der E2E-Tests parallel über Browser ausführt und Test-Artefakte hochlädt.
Bewährte Verfahren
- Verwenden Sie das Page-Object-Pattern, um Testlogik von Seitenstruktur für wartbare Tests zu trennen
- Implementieren Sie richtige Wait-Strategien unter Verwendung von Playwright-Auto-Wait anstelle von hartcodierten Timeouts
- Führen Sie Tests im Headless-Modus für CI und im Headed-Modus lokal zum Debuggen aus
Vermeiden
- Verwendung von hartcodierten Sleep-Delays anstelle von Playwrights integrierter Auto-Wait-Funktionalität
- Schreiben von Tests, die von einer bestimmten Testausführungsreihenfolge abhängen, anstelle von isolierten Tests
- Speichern von Test-Anmeldedaten im Klartext anstelle der Verwendung von Umgebungsvariablen