Frontend Testing

Use this skill when adding or updating tests for frontend components, pages, routes, or client-driven state.

When to Use

frontend behavior needs regression coverage or UI release confidence
adding modern Playwright v1.48+ E2E, HAR network replay, or component tests
enforcing automated WCAG 2.2 AA accessibility gates and keyboard focus management
implementing font-stabilized visual regression snapshots across viewports
intercepting client network requests via MSW v2 transport-level handlers
validating complex state transitions, optimistic UI updates, or form error flows
optimizing multi-viewport, theme, and localization UI permutation matrices via pairwise combinatorial testing
diagnosing and isolating flaky frontend interactions or race conditions using 4-phase systematic debugging
Playwright v1.48+ web-first automation mandatory
MSW v2 transport-level interception mandatory
WCAG 2.2 AA zero-violations CI gate mandatory