vitest-testing

What problem does it solve?

This Skill provides a robust and efficient way to test frontend React applications, ensuring component functionality, hook behavior, and store interactions are reliable.

Core Features & Use Cases

• Component Testing: Write unit and integration tests for React components using Vitest and Testing Library.
• Hook Testing: Verify the logic and state management of custom React hooks.
• API Mocking: Utilize MSW (Mock Service Worker) to mock API requests for isolated testing.
• Store Testing: Test state management logic, for example, with Zustand.
• Use Case: Ensure a user registration form correctly validates input, submits data, and handles API responses, all within a fast, isolated test environment.

Quick Start

Run all vitest tests with coverage reporting using the command npm run test:coverage.