Playwright Expert
Skill Verifiziert AktivUse when writing E2E tests with Playwright, setting up test infrastructure, or debugging flaky browser tests. Invoke to write test scripts, create page objects, configure test fixtures, set up reporters, add CI integration, implement API mocking, or perform visual regression testing. Trigger terms: Playwright, E2E test, end-to-end, browser testing, automation, UI testing, visual testing, Page Object Model, test flakiness.
Empower developers to write robust, maintainable, and efficient end-to-end tests with Playwright, covering the full lifecycle from setup to debugging and CI integration.
Funktionen
- Write Playwright test scripts
- Create page objects
- Configure test fixtures
- Implement API mocking
- Debug flaky browser tests
- Visual regression testing guidance
Anwendungsfälle
- Setting up Playwright test infrastructure
- Developing complex E2E test suites
- Improving reliability of browser automation
- Integrating Playwright tests into CI/CD pipelines
Nicht-Ziele
- Writing tests for frameworks other than those supported by Playwright
- Providing a full CI/CD pipeline setup (focus is on integration points)
- Replacing Playwright itself, but rather guiding its effective use
Workflow
- Analyze requirements for test coverage
- Configure Playwright environment
- Implement tests using Page Object Model and best practices
- Debug and resolve flaky tests using trace viewer and proper waits
- Integrate tests into CI/CD pipelines
Praktiken
- Test Design
- Code Quality
- Debugging
Voraussetzungen
- Playwright installed
- Node.js environment
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add jeffallan/claude-skills/plugin install claude-skills@fullstack-dev-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Vue Testing Best Practices
100Use for Vue.js testing. Covers Vitest, Vue Test Utils, component testing, mocking, testing patterns, and Playwright for E2E testing.
Develop Web Game
100Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.
Playwright Best Practices
100Verwenden Sie dies beim Schreiben von Playwright-Tests, Beheben von flackernden Tests, Debuggen von Fehlern, Implementieren des Page Object Model, Konfigurieren von CI/CD, Optimieren der Leistung, Mocken von APIs, Verwalten von Authentifizierung oder OAuth, Testen der Barrierefreiheit (axe-core), Hoch- und Herunterladen von Dateien, Mocken von Datums-/Uhrzeitangaben, WebSockets, Geolokalisierung, Berechtigungen, Multi-Tab-/Popup-Flows, mobilen/responsiven Layouts, Touch-Gesten, GraphQL, Fehlerbehandlung, Offline-Modus, Multi-User-Kollaboration, Drittanbieterdiensten (Zahlungen, E-Mail-Verifizierung), Überwachung von Konsolenfehlern, globalem Setup/Teardown, Testannotationen (skip, fixme, slow), Test-Tags (@smoke, @fast, @critical, Filterung mit --grep), Projektabhängigkeiten, Sicherheitstests (XSS, CSRF, Auth), Leistungsbudgets (Web Vitals, Lighthouse), iFrames, Komponententests, Canvas/WebGL, Service Workers/PWA, Testabdeckung, i18n/Lokalisierung, Electron-Apps oder Tests für Browsererweiterungen. Deckt E2E-, Komponenten-, API-, visuelle, Barrierefreiheits-, Sicherheits-, Electron- und Erweiterungstests ab.
Agent Browser
100Browser-automatisierungs-CLI für KI-Agenten. Verwenden Sie diese, wenn der Benutzer mit Websites interagieren muss, einschließlich der Navigation auf Seiten, dem Ausfüllen von Formularen, dem Klicken auf Schaltflächen, dem Aufnehmen von Screenshots, dem Extrahieren von Daten, dem Testen von Webanwendungen oder der Automatisierung beliebiger Browseraufgaben. Auslöser sind Anfragen wie "öffne eine Website", "fülle ein Formular aus", "klicke auf eine Schaltfläche", "mache einen Screenshot", "scrappe Daten von einer Seite", "teste diese Web-App", "melde dich bei einer Seite an", "automatisiere Browser-Aktionen" oder jede Aufgabe, die eine programmatische Webinteraktion erfordert.
AutoBrowse
100Self-improving browser automation via the auto-research loop. Iteratively runs a browsing task, reads the trace, and improves the navigation skill (strategy.md) until it reliably passes. Supports parallel runs across multiple tasks using sub-agents. Use when you want to build or improve browser automation skills for specific website tasks.
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation