mcpField
W
web-testing

web-testing

github.com/mrgoonieTesting & quality2.2k443 installsUpdated 30w ago
Repository

About web-testing

A testing guide for web developers covering unit, integration, end-to-end, load, security, visual regression, and accessibility testing. It includes strategy references, tool examples, and CI/CD test gates.

Key features

  1. 01Unit and integration testing guidance
  2. 02Playwright end-to-end testing
  3. 03Load and security testing references
  4. 04Visual regression and accessibility checks
  5. 05CI/CD test gate examples

Use cases

  1. 01Validate functions, modules, and APIs
  2. 02Check critical login or checkout flows
  3. 03Assess performance and security before release
  4. 04Detect UI regressions and accessibility issues

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/mrgoonie/claudekit-skills --skill web-testing

After installing, type/web-testingin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

references/
accessibility-testing.md
api-testing.md
component-testing.md
cross-browser-checklist.md
e2e-testing-playwright.md
functional-testing-checklist.md
interactive-testing-patterns.md
load-testing-k6.md
mobile-gesture-testing.md
performance-core-web-vitals.md
pre-release-checklist.md
security-checklists.md
security-testing-overview.md
shadow-dom-testing.md
test-flakiness-mitigation.md
testing-pyramid-strategy.md
unit-integration-testing.md
visual-regression.md
vulnerability-payloads.md

Details

From the project README

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

LayerRatioFrameworkSpeed
Unit70%Vitest/Jest<50ms
Integration20%Vitest + fixtures100-500ms
E2E10%Playwright5-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

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

Comments

Markdown supported