Agent skill

web-testing

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.

View SKILL.md on GitHub Repository
Stars 1,948
Forks 386

Install this agent skill to your Project

npx add-skill https://github.com/mrgoonie/claudekit-skills/tree/main/.claude/skills/web-testing

SKILL.md

Web Testing Skill

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

Quick Start

bash
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 Pyramid (70-20-10)

Layer Ratio Framework Speed
Unit 70% Vitest/Jest <50ms
Integration 20% Vitest + fixtures 100-500ms
E2E 10% Playwright 5-30s

When to Use

  • Unit: Functions, utilities, state logic
  • Integration: API endpoints, database ops, modules
  • E2E: Critical flows (login, checkout, payment)
  • Load: Pre-release performance validation
  • Security: Pre-deploy vulnerability scanning
  • Visual: UI regression detection

Reference Documentation

Core Testing

  • ./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

Cross-Browser & Mobile

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

Interactive & Forms

  • ./references/interactive-testing-patterns.md - Forms, keyboard, drag-drop
  • ./references/functional-testing-checklist.md - Feature testing

Performance & Quality

  • ./references/performance-core-web-vitals.md - LCP/CLS/INP, Lighthouse CI
  • ./references/visual-regression.md - Screenshot comparison
  • ./references/test-flakiness-mitigation.md - Stability strategies

Accessibility

  • ./references/accessibility-testing.md - WCAG checklist, axe-core

Security

  • ./references/security-testing-overview.md - OWASP Top 10, tools
  • ./references/security-checklists.md - Auth, API, headers
  • ./references/vulnerability-payloads.md - SQL/XSS/CSRF payloads

API & Load

  • ./references/api-testing.md - API test patterns
  • ./references/load-testing-k6.md - k6 load test patterns

Checklists

  • ./references/pre-release-checklist.md - Complete release checklist

CI/CD Integration

yaml
jobs:
  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

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

mrgoonie/claudekit-skills

claude-code

1,948 386
Explore
mrgoonie/claudekit-skills

debugging

Systematic debugging frameworks for finding and fixing bugs - includes root cause analysis, defense-in-depth validation, and verification protocols

1,948 386
Explore
mrgoonie/claudekit-skills

Systematic Debugging

Four-phase debugging framework that ensures root cause investigation before attempting fixes. Never jump to solutions.

1,948 386
Explore
mrgoonie/claudekit-skills

Defense-in-Depth Validation

Validate at every layer data passes through to make bugs impossible

1,948 386
Explore
mrgoonie/claudekit-skills

Verification Before Completion

Run verification commands and confirm output before claiming success

1,948 386
Explore
mrgoonie/claudekit-skills

Root Cause Tracing

Systematically trace bugs backward through call stack to find original trigger

1,948 386
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results