react-testing

Implement a React testing strategy by configuring Vitest with jsdom and Testing Library for unit and component tests, while using Playwright for E2E tests. This skill provides the setup instructions and configuration files needed to initialize both frameworks.

A robust React testing pyramid prioritizes unit and component tests using Vitest, supplemented by E2E tests using Playwright. This skill outlines a senior testing approach to balance coverage and execution speed for React SPAs.

Test accessibility in React by integrating axe-core with Playwright to run automated a11y checks. This skill provides specific patterns for using a11y-first locators and assertions to identify and resolve accessibility violations during E2E tests.

Yes, this React testing setup requires jsdom and @testing-library/react to simulate a DOM environment for Vitest. These dependencies enable component rendering and DOM interaction assertions during unit and component tests.

Yes, use Vitest with Testing Library and jsdom for React component testing to isolate UI logic and rendering. This approach reserves Playwright for full E2E testing flows, ensuring a balanced and efficient testing strategy.