Web testing with Playwright, Vitest, k6. E2E/unit/integration/load/security/visual/a11y testing. Use for test automation, flakiness, Core Web Vitals, mobile gestures, cross-browser.
npxskills add mrgoonie/claudekit-skills--skill web-testingLoading…
Comprehensive web testing: unit, integration, E2E, load, security, visual regression, accessibility.
npx vitest run # Unit tests
npx playwright test # E2E tests
npx playwright test --ui # E2E with UI
k6 run load-test.js # Load tests
npx @axe-core/cli https://example.com # Accessibility
npx lighthouse https://example.com # Performance
| Layer | Ratio | Framework | Speed |
|---|---|---|---|
| Unit | 70% | Vitest/Jest | <50ms |
| Integration | 20% | Vitest + fixtures | 100-500ms |
| E2E | 10% | Playwright | 5-30s |
./references/unit-integration-testing.md - Unit/integration patterns./references/e2e-testing-playwright.md - Playwright E2E workflows./references/component-testing.md - React/Vue/Angular component testing./references/testing-pyramid-strategy.md - Test ratios, priority matrix./references/cross-browser-checklist.md - Browser/device matrix./references/mobile-gesture-testing.md - Touch, swipe, orientation./references/shadow-dom-testing.md - Web components testing./references/interactive-testing-patterns.md - Forms, keyboard, drag-drop./references/functional-testing-checklist.md - Feature testing./references/performance-core-web-vitals.md - LCP/CLS/INP, Lighthouse CI./references/visual-regression.md - Screenshot comparison./references/test-flakiness-mitigation.md - Stability strategies./references/accessibility-testing.md - WCAG checklist, axe-core./references/security-testing-overview.md - OWASP Top 10, tools./references/security-checklists.md - Auth, API, headers./references/vulnerability-payloads.md - SQL/XSS/CSRF payloads./references/api-testing.md - API test patterns./references/load-testing-k6.md - k6 load test patterns./references/pre-release-checklist.md - Complete release checklistjobs:
test:
steps:
- run: npm run test:unit # Gate 1: Fast fail
- run: npm run test:e2e # Gate 2: After unit pass
- run: npm run test:a11y # Accessibility
- run: npx lhci autorun # Performance
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Create or update AgentSkills. Use when designing, structuring, or packaging skills with scripts, references, and assets.
Set up and use 1Password CLI (op). Use when installing the CLI, enabling desktop app integration, signing in (single or multi-account), or reading/injecting/running secrets via op.
CLI to manage emails via IMAP/SMTP. Use `himalaya` to list, read, write, reply, forward, search, and organize emails from the terminal. Supports multiple accounts and message composition with MML (MIME Meta Language).