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.