intermediate
Component behavior tests
Проверяйте, что users видят и делают: accessible roles, form state, async loading, error states и side effects на component boundaries.
Тесты поведения компонентов отвечают на вопрос, что пользователь видит и делает: labels, roles, disabled, спиннеры, сообщения валидации, callbacks при submit. Рендер с провайдерами — router, query client, theme — и события через user-event.
Фокус на одном компоненте или малом дереве; дальних детей stub только если они не важны для проверяемого поведения.
На интервью: план тестов для формы с async submit, retry при ошибке и optimistic UI без заглядывания в React state.
Типовые ошибки: проверка CSS-классов, нет await после click, shallow без context providers.
Компромисс — скорость и локальность против багов стыковки parent-child — знайте, когда поднять до page-level.
Чеклист:
- Запросы по доступным roles и именам.
- Loading, error и success states.
- Side effects (handlers), не implementation.