manage-react-component-tests

You can auto-generate React component tests with Vitest by invoking the skill to create a __tests__/YourComponent.spec.tsx file using React Testing Library and a standardized render helper pattern.

Mocking sub-components in React Testing Library isolates component-level behavior by replacing imported sub-components with mocks, allowing tests to verify props and callbacks deterministically without rendering child dependencies.

Yes, you need React Testing Library installed. The skill requires React, Vitest, and @testing-library/react to be present in your project to generate the component test files correctly.

The best way to structure React component tests for conditional rendering and lists is using a standardized render helper pattern with Vitest to isolate logic, mock sub-components, and verify interaction patterns comprehensively.

The limitation of auto-generating Vitest boilerplate is that you must manually customize the generated mocks and test cases to fit your specific component API, as the skill provides a baseline structure focused on logic and prop validation.