react-testing

React component tests should validate user behavior rather than internal state to avoid breaking during refactors. This skill standardizes behavior-driven testing patterns using React Testing Library and Vitest to ensure robust verification through accessible queries and user interactions.

Mocking API responses in React testing is best handled at the network layer using MSW. This skill provides standardized MSW configurations to mock API responses, ensuring your tests remain deterministic and fully isolated from backend fluctuations.

Testing complex async form submission flows in React requires robust async handling and network mocking. This skill generates behavior-focused test suites that verify loading states and API error handling by interacting with components exactly as users would.

Vitest and React Testing Library are fully supported for behavior-driven testing. This skill applies standardized patterns using both tools, along with MSW, to satisfy requirements for accessibility-first queries and network-level mocking within modern React applications.

React tests fail during internal state updates when they rely on implementation-focused details rather than user behavior. This skill solves brittle test suites by enforcing behavior-driven verification through accessible queries, ensuring tests validate real-world usage instead of fragile DOM selectors.