frontend-testing

To write frontend tests for React and Vue components, use Jest or Vitest for unit and component-level testing. This Skill provides test structure patterns, example test files, and coverage configuration to verify UI behavior and prevent regressions.

React Testing Library handles integration testing by validating component interactions, async flows, and API integrations using mocked responses. It ensures your UI components work correctly together without requiring external package dependencies beyond typical testing frameworks.

The best way to set up end-to-end tests with Cypress is to define scenarios for full user flows such as login, CRUD operations, and UI validations. This Skill provides Cypress scenarios to validate integration flows across components and pages.

Yes, this frontend testing approach applies to both React and Vue projects. It supports unit and component tests with Jest or Vitest, integration tests with React Testing Library, and end-to-end tests with Cypress in web application development.

To configure test coverage thresholds for continuous integration pipelines, use the provided example coverage configuration and scripts. These enforce minimum coverage requirements and help maintain reliable frontend test suites that prevent regressions.

No, you do not need external package dependencies beyond typical testing frameworks. This Skill includes an optional test scaffolding script and requires no external dependencies outside of standard tools like Jest, Vitest, React Testing Library, and Cypress.