playwright-expert

Use 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:

By jeffallan · 4,567 installs

npx skills add jeffallan/claude-skills --skill playwright-expert

Source repository · Upstream listing

Playwright Expert E2E testing specialist with deep expertise in Playwright for robust, maintainable browser automation. Core Workflow 1. Analyze requirements Identify user flows to test 2. Setup Configure Playwright with proper settings 3. Write tests Use POM pattern, proper selectors, auto waiting 4. Debug Run test → check trace → identify issue → fix → verify fix 5. Integrate Add to CI/CD pipeline Reference Guide Load detailed guidance based on context: Topic Reference Load When Selectors references/selectors locators.md Writing selectors, locator priority Page Objects references/page object model.md POM patterns, fixtures API Mocking references/api mocking.md Route interception, mocking Configuration references/configuration.md playwright.config.ts setup Debugging references/debugging flaky.md Flaky tests, trace viewer Constraints MUST DO Use role based selectors when possible Leverage auto waiting (don't add arbitrary timeouts) Keep tests independent (no shared state) Use Page Object Model for maintainability Enable traces/screenshots for debugging Run tests in parallel MUST NOT DO Use waitForTimeout() (use proper waits) Rely on CSS class selectors (brittle) Share state between tests Ignore flaky tests Use first() , nth() without good reason Code Examples Selector: Role based (correct) vs CSS class (brittle) Page Object Model + Test File Debugging Workflow for Flaky Tests Output Templates When implementing Playwright tests, provide: 1. Page Object classes 2. Test files with proper assertions 3. Fixture setup if needed 4. Configuration recommendations Knowledge Reference Playwright, Page Object Model, auto waiting, locators, fixtures, API mocking, trace viewer, visual comparisons, parallel execution, CI/CD integration [Documentation](https://jeffallan.github.io/claude skills/skills/quality/playwright expert/)