- Регистрация
- 22 Февраль 2018
- Сообщения
- 11.084
Автор: epicweb
Название: Тестирование компонентов React с помощью Vitest (2025)
Описание:
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 и подходы, которые помогут повысить ценность вашего тестового набора.
Материал на английском языке
Подробнее:
Скачать:
Название: Тестирование компонентов React с помощью Vitest (2025)
Описание:
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 и подходы, которые помогут повысить ценность вашего тестового набора.
Материал на английском языке
Подробнее:
Для просмотра содержимого вам необходимо авторизоваться.
Скачать:
Скрытое содержимое могут видеть только члены группы Премиум.
Скрытый контент для пользователей All-dar.