testing-patterns
Installation
SKILL.md
Animation Testing Patterns
Systematic approaches to testing animations for correctness, accessibility, and performance.
Testing Categories
| Category | What to Test | Tools |
|---|---|---|
| Visual regression | Animation appearance | Playwright, Percy |
| Timing | Duration, delays, easing | Jest timers, Playwright |
| Accessibility | Reduced motion, focus | Playwright, axe |
| Performance | Frame rate, paint times | Chrome DevTools, Lighthouse |
Visual Regression Testing
Playwright Setup
import { test, expect } from '@playwright/test';