react-testing

React component testing should validate user-facing behavior using RTL. This approach avoids inspecting internal state or methods, ensuring tests remain reliable during refactoring while confirming actual user interactions and UI outputs function correctly.

Mock API calls in React integration tests using MSW. MSW intercepts network requests at the service worker level, allowing you to simulate API interactions and error scenarios to validate component behavior without real endpoints.

Use Playwright Component Testing instead of RTL when you need fast feedback in a real browser environment. Playwright CT handles complex integration and visual testing scenarios across RTL, Vitest, and Jest configurations more effectively.

Test custom hooks with Vitest and RTL by rendering them within a test component. This behavior-focused approach validates hook outputs and state transitions while ensuring the hook integrates correctly with React providers.

Automate React accessibility testing using RTL. It provides accessibility assertions to ensure usable interfaces and keyboard navigation, enforcing best practices by testing components wrapped with providers to reflect production contexts.