React + Vitest Combo Skill

When to Use

• Setting up Vitest in a React (Vite-based) project for the first time
• Writing component tests using React Testing Library
• Mocking context providers, hooks, or module dependencies in tests
• Configuring coverage thresholds for CI enforcement

Workflow

1. Setup

pnpm add -D vitest @vitest/ui jsdom @testing-library/react @testing-library/user-event @testing-library/jest-dom