In this article, we’ll cover the various tests available in web front-end development.

Unit Testing

This test verifies whether functions or components are working correctly. Each function or component is tested individually.

Primary tools include Jest and Vitest.

Visual Regression Testing

This tests the appearance of the application. Screens are saved as images, and any differences are compared to detect unintended changes.

Primary tools include reg-suit and Chromatic.

Integration Testing

This tests the application on a page-by-page basis. It verifies whether functions and components are correctly integrated.

Primary tool for this is Cypress.

Accessibility Testing

This tests whether people from various backgrounds can use the application. Primary tools include the linter plugin and axe-core.