Instructions

Improve test quality for React / Next.js projects using Vitest + React Testing Library (unit/component) and Playwright (E2E).

When to Use

• Use to write/improve Vitest, Testing Library, and Playwright tests.
• Prefer tdd-vitest for red-green-refactor methodology.
• Prefer pr-review-workflow when reviewing test quality in a PR.

Mode A - generate tests

1. Identify the target component or route and existing test patterns in the repo.
2. Add or extend tests under __tests__/ or colocated *.test.tsx matching project convention.
3. Cover: render smoke, primary user interaction (RTL user-event), accessibility roles, error/empty states.
4. For E2E: one happy path per critical flow; use data-testid only when roles are insufficient.
5. Provide pnpm test (and pnpm exec playwright test if E2E added) commands.

Mode B - audit coverage gaps