component-tester

Component testing with Vitest and React Testing Library lets you write unit, integration, and accessibility tests for UI components. The Skill handles test setup, execution, and coverage analysis—write tests using the AAA pattern (Arrange, Act, Assert), run them with Vitest, and validate component behavior against user interactions and accessibility standards.

Yes. The Skill integrates axe-core and jest-dom matchers to validate accessibility automatically, checking ARIA attributes, semantic markup, and keyboard navigation. Tests verify components meet a11y standards and function correctly for assistive technology users.

Component testing generates HTML, LCOV, and JSON coverage reports tracking line, branch, and function coverage. These reports show which code paths your tests exercise and identify untested logic in your UI library.

The Skill uses msw (Mock Service Worker) to intercept and mock API requests during testing. This lets you simulate API responses, test error handling, and validate async component behavior without hitting real endpoints.

Yes. The Skill validates type safety using both TypeScript type checks and PropTypes validation, ensuring your component tests confirm that props match their expected types and catch type mismatches early.

Unit tests verify individual component logic in isolation; integration tests check how components interact with other components and APIs; snapshot tests compare rendered output to a baseline. The Skill supports all three to ensure comprehensive component quality.