Testing Applications (Vitest & Playwright)

When to use this skill

• When the user asks to "add tests", "setup testing", or "verify code".
• When the user mentions "unit tests", "integration tests", or "e2e".
• When working with React/Next.js/Vite components.

Workflow

1. Unit Testing (Vitest):
   • Install: npm install -D vitest @testing-library/react jsdom
   • Configure: vite.config.ts (add test object).
   • Run: npm test or npx vitest.
2. E2E Testing (Playwright):
   • Install: npm init playwright@latest
   • Run: npx playwright test.
   • UI Mode: npx playwright test --ui.