Пирамида тестов во фронтенде выглядит как «кубок»: немного юнит-тестов на чистую логику, основная масса — тесты компонентов и интеграции, и несколько сквозных (e2e) сценариев на ключевые пути пользователя.
| уровень | инструменты | что проверяет |
|---|---|---|
| юнит | Vitest, Jest | функции, хуки, редьюсеры |
| компоненты | Testing Library | поведение компонента глазами пользователя |
| e2e | Playwright, Cypress | сценарий в настоящем браузере |
| визуальные | Storybook, сравнение скриншотов | вёрстка не поехала |
Статическая проверка — TypeScript и линтер — ещё один слой, самый дешёвый.