Чем ближе ваши тесты имитируют реальное использование приложения, тем больше уверенности они дают. Однако долгое время веб-разработчикам приходилось тестировать интерфейсы в искусственных средах, вроде JSDOM, что требовало массу настроек и обходных решений. Пришло время изменить подход: теперь вы сможете тестировать компоненты React прямо в браузере с помощью Vitest Browser Mode.
На этом практическом курсе вы научитесь:
Настраивать и использовать Vitest Browser Mode для компонентного тестирования в реальном браузере;
Понимать ограничения JSDOM и причины перехода на тестирование в браузере;
Мигрировать существующие тесты с JSDOM на браузерный режим;
Настраивать Playwright для автоматизации браузерного тестирования компонентов;
Организовывать тестовую среду и сочетать юнит- и компонентные тесты в одном проекте.
Вы освоите лучшие практики:
Поиск элементов так, как это делают реальные пользователи;
Реализацию пользовательских событий;
Мокап API с помощью Mock Service Worker;
Надёжную проверку наличия или отсутствия элементов;
Тестирование переходов между страницами.
Также вы научитесь эффективным методам отладки тестов: инспекции состояния DOM, использованию debugger, условным точкам остановки и другим инструментам, которые сделают работу с падающими тестами проще и понятнее.
Для кого этот курс
Этот курс предназначен для всех React-разработчиков, желающих писать надёжные и полезные тесты для своих компонентов - независимо от уровня опыта в тестировании. Вы узнаете новые инструменты, API и подходы, которые помогут повысить ценность вашего тестового набора.
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Артем - это инженер-программист, увлеченный дизайном API и тестированием. Он является активным участником open-source сообществ, наиболее известен как создатель Mock Service Worker, который помогает разработчикам улучшить тестирование их программного обеспечения.