frontend-testing

Generate Vitest and React Testing Library tests by targeting specific frontend components, hooks, or utilities. The skill outputs test templates covering unit tests, integration tests, and edge cases while adhering to project conventions.

Mock i18n and routing in React Testing Library tests by applying the specific patterns established in the project guidelines. The skill automatically injects these routing and i18n mocks to ensure consistent integration test execution.

Improve frontend test coverage by running the skill across entire directories or single files. It identifies untested utilities and hooks, generating ready-to-run Vitest test templates that expand codebase coverage.

Yes, the frontend testing approach fully supports TypeScript typing and async test patterns. It leverages Vitest and RTL to handle asynchronous operations, mock functions, and accessibility checks defined by repository conventions.

Yes, you can use this to write accessibility checks for React component unit tests. The skill incorporates accessibility considerations into the generated Vitest and RTL test suites based on the project's testing guidelines.