udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
4 ч 53 мин
Категория
React.jsКоличество уроков
36 Видео
Дата добавления
26 июл. 2021 г., 23:16
Язык
Английский
Дата выхода
12 янв. 2021 г., 02:00
Дата обновления
29 апр. 2026 г., 10:05
Этот курс поможет вам уверенно освоить тестирование приложений React с помощью Jest и React Testing Library, сочетая теорию и практику на реальном проекте.
О чём этот курс
Курс создаёт прочный фундамент для разработчиков, которые хотят писать надёжные, устойчивые к изменениям тесты и получать уверенность в своём коде. Вы познакомитесь с ключевыми концепциями тестирования и примените их в реальном React‑приложении.
Что вы изучите
- Модульные и интеграционные тесты
- Снимки состояния (Snapshot Testing)
- Работу со средой запуска тестов
- Структурирование тестов: describe, before/after, пропуски и циклы
- Матчеры Jest и проверку истинности/ложности
- Рендеринг компонентов, fireEvent и имитацию действий пользователя
- Моки, перехват сетевых запросов и работу с API
- Использование act, wait и других утилит RTL
Изучение Jest
В первой части курса вы сосредоточитесь на Jest как инструменте запуска тестов. Вы научитесь писать тесты без привязки к React и поймёте логику, на которой строится современное тестирование JavaScript‑приложений.
Базовые концепции Jest
- Запуск и настройка тестов
- Организация тестовых сценариев
- Использование моков и наблюдение за функциями
Переход к React Testing Library
После освоения Jest вы перейдёте к установке и использованию React Testing Library. Вы узнаете, как рендерить компоненты, выбирать элементы и корректно симулировать пользовательские события.
Что даёт React Testing Library
- Подход «тестируем как пользователь»
- Современные методы выбора элементов
- Управление асинхронными действиями
Тестирование реального React‑приложения
Главный блок курса посвящён полноценному React‑приложению с использованием хуков, включая useState и useEffect. Вы увидите, с какими сложностями сталкиваются разработчики при тестировании динамических интерфейсов, и научитесь решать их с помощью Jest и RTL.
Практические навыки, которые вы получите
- Тестирование компонентов с состоянием и эффектами
- Отработка пользовательских сценариев
- Создание стабильной и расширяемой тестовой базы
- Понимание типичных ошибок и способов их предотвращения
Результаты прохождения курса
Пройдя курс, вы будете уверенно создавать тесты для любых компонентов React, понимайте, какие техники использовать, и сможете значительно улучшить надёжность ваших приложений.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:03:27Testing tools
- Урок 2. 00:07:52Setting up environment
- Урок 3. 00:07:17Test runner
- Урок 4. 00:11:54Keywords
- Урок 5. 00:08:04Testing variables and functions
- Урок 6. 00:08:09Before and after tests
- Урок 7. 00:05:38Skip, only and timeout
- Урок 8. 00:06:35Loops in tests
- Урок 9. 00:07:35Matchers
- Урок 10. 00:07:21Truthy and Falsy
- Урок 11. 00:05:04Testing errors
- Урок 12. 00:08:01Introduction to react testing library
- Урок 13. 00:06:21Component test
- Урок 14. 00:06:36First test with render
- Урок 15. 00:06:56Information available on the element
- Урок 16. 00:09:40Methods to select elements
- Урок 17. 00:05:47Fire event
- Урок 18. 00:10:50Changing state
- Урок 19. 00:09:07Installing the app
- Урок 20. 00:06:12Preparing tests for component
- Урок 21. 00:12:17Snapshot
- Урок 22. 00:06:35Should display text
- Урок 23. 00:10:20Checking ratings
- Урок 24. 00:09:44Testing mouse events
- Урок 25. 00:09:27Mocking
- Урок 26. 00:11:10Testing form elements
- Урок 27. 00:06:57Input values
- Урок 28. 00:11:51SpyOn and wait
- Урок 29. 00:07:18Mock fetch
- Урок 30. 00:10:34Mock function arguments
- Урок 31. 00:09:08Testing parent component
- Урок 32. 00:08:13Act function
- Урок 33. 00:05:38Testing errors
- Урок 34. 00:11:51Testing list and button
- Урок 35. 00:09:04Clicking on elements
- Урок 36. 00:04:33Next steps
Автор - udemy
Комментарии
"test": "test"
}
можно выключать