What problem does it solves?
This Skill automates the tedious process of running Vitest tests for React components, ensuring code quality and maintaining test coverage without manual command execution, allowing developers to focus on building.
Core Features & Use Cases
- Automated Test Execution: Automatically runs relevant Vitest tests when a component is created or modified, saving manual effort.
- Coverage Reporting: Provides detailed test coverage percentages (statements, branches, functions, lines) and identifies gaps, ensuring high code quality.
- Clear Feedback: Reports pass/fail status, error messages for failing tests, and coverage issues directly, streamlining debugging.
- Use Case: After making changes to
src/app/blog/_components/progress-bar.tsx, activate this Skill. It will automatically run pnpm test -- src/app/blog/_components/progress-bar, report if all tests pass, and show the coverage, ensuring your changes haven't introduced regressions or reduced quality.
Quick Start
Run Vitest tests for the 'UserAvatar' component located at 'src/components/user-avatar.tsx' and report coverage.