Получить доступ

Тестирование React

Основа

Testing Library, тесты хуков и сквозные сценарии.

Компоненты тестируют как пользователь: найти кнопку по роли и подписи, нажать, проверить видимый результат. Внутреннее состояние и число рендеров не проверяют.

render(<Counter />);
await userEvent.click(screen.getByRole("button", { name: /нажато/i }));
expect(screen.getByRole("button")).toHaveTextContent("Нажато 1");

Что важно знать

  • Стек: Vitest (или Jest) + React Testing Library + user-event.
  • Сеть — через MSW: те же обработчики работают в тестах и в разработке.
  • Компоненты с провайдерами (роутер, кэш запросов, тема) — общая функция renderWithProviders.
  • Хуки — renderHook.
  • Сквозные сценарии — Playwright.

Темы этапа

← Вся карта «React»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем