playwright

When to use this skill

Use this skill whenever the user wants to:

• Write end-to-end browser tests with Playwright (Chromium, Firefox, WebKit)
• Use auto-waiting locators and built-in assertions
• Handle multiple pages, tabs, and browser contexts
• Configure Playwright projects for CI execution with traces and screenshots
• Implement the Page Object Model pattern for maintainable tests

How to use this skill

Workflow

1. Initialize Playwright: npm init playwright to generate config and sample tests
2. Write tests using auto-wait locators (getByRole, getByLabel, getByText)
3. Run tests: npx playwright test in headless, headed, or UI mode
4. Debug failures using traces, screenshots, and the Playwright Inspector

1. Basic Test