ak-web-testing

name	ak:web-testing
description	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.
user-invocable	true
when_to_use	Invoke for browser, visual, load, or accessibility tests.
category	dev-tools
keywords	["Playwright","Vitest","k6","e2e","load-testing"]
license	Apache-2.0
argument-hint	[test-type] [target]
metadata	{"author":"agentkit","version":"3.0.0"}

Web Testing Skill

Comprehensive web testing: unit, integration, E2E, load, security, visual regression, accessibility.

Quick Start

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

Testing Strategy (Choose Your Model)

Model	Structure	Best For
Pyramid	Unit 70% > Integration 20% > E2E 10%	Monoliths
Trophy	Integration-heavy	Modern SPAs
Honeycomb	Contract-centric	Microservices

→ ./references/testing-pyramid-strategy.md

Reference Documentation

Core Testing

• ./references/unit-integration-testing.md - Vitest, browser mode, AAA
• ./references/e2e-testing-playwright.md - Fixtures, sharding, selectors
• ./references/playwright-component-testing.md - CT patterns (production-ready)
• ./references/component-testing.md - React/Vue/Angular patterns

Test Infrastructure

• ./references/test-data-management.md - Factories, fixtures, seeding
• ./references/database-testing.md - Testcontainers, transactions
• ./references/ci-cd-testing-workflows.md - GitHub Actions, sharding
• ./references/contract-testing.md - Pact, MSW patterns

Cross-Browser & Mobile

• ./references/cross-browser-checklist.md - Browser/device matrix
• ./references/mobile-gesture-testing.md - Touch, swipe, orientation

Performance & Quality

• ./references/performance-core-web-vitals.md - LCP/CLS/INP, Lighthouse CI