Вопрос проверяет практический опыт тестирования React-приложений и понимание уровней тестов.
Для тестирования React чаще всего используют Jest и React Testing Library. Jest отвечает за запуск тестов и моки. React Testing Library используется для тестирования поведения компонентов. Для e2e-тестов применяют Cypress или Playwright. Выбор инструментов зависит от типа тестирования.
Тестирование React-приложений обычно строится на нескольких уровнях.
Наиболее распространённая связка:
Jest — тестовый раннер и assertion-библиотека
React Testing Library — тестирование компонентов через поведение пользователя
Подход React Testing Library:
тестировать не реализацию, а результат
искать элементы так, как это делает пользователь
минимизировать зависимость от внутренней структуры
Пример:
render(<Button />);
expect(screen.getByText("Save")).toBeInTheDocument();
Jest позволяет:
мокать функции
подменять модули
контролировать таймеры
изолировать тестируемую логику
Для e2e-тестов используют:
Cypress
Playwright
Они проверяют:
работу приложения целиком
реальные пользовательские сценарии
интеграцию фронтенда с API
React обычно тестируют с помощью Jest и React Testing Library, а для e2e-сценариев используют отдельные инструменты. Такой подход покрывает поведение приложения на разных уровнях.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию