What problem does it solve? Setting up a coherent testing strategy across a modern web stack is confusing: teams over-mock integration tests, rely on brittle selectors, and write E2E tests that break on shared seed data. This Skill provides a structured testing methodology (the Testing Trophy) plus runnable browser automation to validate pages in practice. ## Core Features & Use Cases - Testing Strategy Framework: Defines the Testing Trophy distribution — static analysis, Vitest unit tests, React Testing Library integration tests with MSW network interception, and Playwright E2E for critical paths. - Anti-Pattern Guardrails: Lists common hallucination traps such as mocking everything in integration tests, overusing getByTestId, and depending on shared seed data in E2E tests. - Browser Test Runner: A Playwright script that loads any URL, reports page health, performance timings, element counts, accessibility checks, and optional screenshots as JSON. - Use Case: When scaffolding tests for a React dashboard, apply the strategy to write MSW-backed integration tests for components, Vitest tests for pure logic like tax calculation, then run the Playwright script against the deployed URL to verify load health and accessibility. ## Quick Start Ask the AI to set up a testing strategy for your React app using Vitest, React Testing Library, and MSW, then run the Playwright runner script against your local dev server URL to check page health.
