playwright

# Playwright Skill Expert assistance for building comprehensive E2E test suites with Playwright, including page objects, fixtures, visual regression, and CI/CD integration. ## Capabilities - Generate Playwright test project structure - Create page object models for maintainable tests - Implement custom fixtures and test utilities - Configure visual regression testing - Set up accessibility testing with axe-core - Integrate with CI/CD pipelines (GitHub Actions, etc.) - Generate API testing alongside UI tests ## Usage Invoke this skill when you need to: - Set up Playwright testing for a web application - Create page object patterns for test organization - Implement visual regression testing - Configure cross-browser testing - Set up CI/CD test automation ## Inputs | Parameter | Type | Required | Description | |-----------|------|----------|-------------| | projectType | string | No | web, api, component (default: web) | | framework | string | No | react, nextjs, vue, angular | | browsers | array | No | chromium, firefox, webkit (default: all) | | features | array | No | visual, a11y, api, component | | ci | string | No | github, gitlab, jenkins | ### Test Configuration ```json { "projectType": "web", "framework": "nextjs", "browsers": ["chromium", "firefox"], "features": ["visual", "a11y", "api"], "ci": "github", "baseUrl": "http://localhost:3000" } ``` ## Output Structure ``` tests/ ├── playwright.config.ts # Playwright configuration ├── fixtur...