Программирование Тестирование компонентов React с помощью Vitest - epicweb (2025)

[Gatsby]

Тестирование компонентов React с помощью Vitest
React Component Testing with Vitest
epicweb

Чем ближе ваши тесты имитируют реальное использование приложения, тем больше уверенности они дают. Однако долгое время веб-разработчикам приходилось тестировать интерфейсы в искусственных средах, вроде JSDOM, что требовало массу настроек и обходных решений. Пришло время изменить подход: теперь вы сможете тестировать компоненты React прямо в браузере с помощью Vitest Browser Mode.
На этом практическом курсе вы научитесь:

• Настраивать и использовать Vitest Browser Mode для компонентного тестирования в реальном браузере;
• Понимать ограничения JSDOM и причины перехода на тестирование в браузере;
• Мигрировать существующие тесты с JSDOM на браузерный режим;
• Настраивать Playwright для автоматизации браузерного тестирования компонентов;
• Организовывать тестовую среду и сочетать юнит- и компонентные тесты в одном проекте.

Вы освоите лучшие практики:

• Поиск элементов так, как это делают реальные пользователи;
• Реализацию пользовательских событий;
• Мокап API с помощью Mock Service Worker;
• Надёжную проверку наличия или отсутствия элементов;
• Тестирование переходов между страницами.

Также вы научитесь эффективным методам отладки тестов: инспекции состояния DOM, использованию debugger, условным точкам остановки и другим инструментам, которые сделают работу с падающими тестами проще и понятнее.
Для кого этот курс
Этот курс предназначен для всех React-разработчиков, желающих писать надёжные и полезные тесты для своих компонентов - независимо от уровня опыта в тестировании. Вы узнаете новые инструменты, API и подходы, которые помогут повысить ценность вашего тестового набора.

Материал на английском языке

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.