Как тестировать React-компоненты с Testing Library?

Middle
294 просмотров
AFK Offer AI

React Testing Library тестирует компоненты с точки зрения пользователя — не проверяет внутренний state, а ищет элементы по тексту, роли, label. render(Component) рендерит в виртуальный DOM, screen.getByRole/getByText ищет элементы, fireEvent/userEvent имитирует взаимодействие, expect проверяет результат. Философия: «Чем больше тесты похожи на реальное использование, тем больше уверенности они дают.» Работает с Jest или Vitest.

Следующий вопрос

Чем react-hook-form лучше обычного useState для форм?