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/)