skill-playwrightlisted
Install: claude install-skill saitarrun/Sdlc-ai-workflow
# Skill: Playwright Browser Automation
Browser automation, visual testing, and end-to-end test generation with Playwright. Launch browsers, navigate pages, interact with the DOM, capture screenshots, validate UI state, run multi-browser tests.
## Use Cases
**End-to-end testing** — User flows from login → action → verification. Tests through public UI, not mocks.
**Visual validation** — Screenshots for design regression, visual diffs, accessibility checks.
**Form automation** — Fill complex forms, validate errors, test input constraints.
**Cross-browser testing** — Run same tests against Chromium, Firefox, Safari.
**Prototype validation** — Verify prototype UI behavior, click flows, state transitions.
**Accessibility testing** — Check ARIA labels, keyboard navigation, color contrast via Playwright + axe.
## Patterns
### 1. Setup & Config
```javascript
// playwright.config.js
import { defineConfig } from '@playwright/test';
export default defineConfig({
testDir: './e2e',
fullyParallel: true,
forbidOnly: !!process.env.CI,
retries: process.env.CI ? 2 : 0,
workers: process.env.CI ? 1 : undefined,
use: {
baseURL: 'http://localhost:3000',
trace: 'on-first-retry',
screenshot: 'only-on-failure',
},
webServer: {
command: 'npm run dev',
url: 'http://localhost:3000',
reuseExistingServer: !process.env.CI,
},
projects: [
{ name: 'chromium', use: { ...devices['Desktop Chrome'] } },
{ name: 'firefox', use: { ...devices['Desktop