udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продвинутое Тестирование React: Redux Saga и React Router
Advanced React Testing: Redux Saga and React Router
★5 (всего оценок - 6)
Продолжительность
6 ч 46 мин
Категория
React.jsКоличество уроков
79 Видео
Дата добавления
28 апр. 2022 г., 15:37
Язык
Английский
Дата выхода
16 сент. 2021 г., 03:00
Дата обновления
29 апр. 2026 г., 14:20
Хотите вывести свои навыки тестирования React на профессиональный уровень? Этот курс поможет вам перейти от базовых техник к полноценному тестированию сложных приложений с использованием Redux Saga и React Router. Материал структурирован по модулям, поэтому вы можете изучать технологии выборочно — только те, что действительно нужны вашему проекту.
Что делает этот курс уникальным
Курс сфокусирован на практическом тестировании уже готового приложения, что позволяет сразу применять полученные знания в реалистичных сценариях. Вы будете работать с системой маршрутизации, защищёнными страницами, Redux Saga и сетевыми запросами, используя современные инструменты разработки.
Тестирование существующего приложения
Вы получите доступ к заранее созданному приложению музыкальной тематики, где реализованы продажа билетов, псевдо-группы, случайные описания и изображения. Это позволит вам:
- работать с реальными пользовательскими потоками;
- проверять защищённые маршруты и навигацию;
- лучше понимать тестирование интегрированных сценариев.
Глубокое тестирование Redux Saga
Использование redux-saga-test-plan
Вы изучите библиотеку redux-saga-test-plan, которая делает возможным как модульное, так и интеграционное тестирование саг. В частности, курс уделяет внимание методу provide() — мощному инструменту для подмены статических и динамических эффектов.
Практика, ориентированная на результат
По ходу обучения вы научитесь:
- структурировать тесты для сложных асинхронных процессов;
- имитировать сетевые ответы и действия пользователя;
- создавать надёжную тестовую инфраструктуру для Redux Saga.
Продвинутое тестирование React Router
Собственный метод рендеринга
Курс показывает, как создать кастомную функцию рендеринга для React Testing Library, чтобы проверять как UI, так и объект history React Router.
Что вы сможете протестировать
- маршруты с параметрами URL и query-параметрами;
- переходы между страницами;
- защищённые маршруты и корректное удаление страницы входа из истории;
- сетевые запросы с использованием Mock Service Worker.
Параметризация тестов с Jest test.each()
Вы освоите технику test.each(), которая позволяет запускать одну и ту же тестовую логику с разными входными данными. Это помогает избегать дублирования и делает тесты более чистыми и поддерживаемыми — и в разделе Redux Saga, и в разделе React Router.
Современный стек: TypeScript
Весь код курса написан на TypeScript, что полностью соответствует современным стандартам разработки. Вы увидите, как типизация улучшает тестирование, помогает избежать ошибок и делает код более предсказуемым.
Итоги
Этот курс идеально подойдёт тем, кто уже знаком с основами тестирования React и хочет перейти на новый уровень, научившись тестировать реальные, сложные и многослойные приложения. Всё обучение построено вокруг практики, чтобы вы могли уверенно применять полученные навыки в своих проектах.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:04:38Welcome and Introduction
- Урок 2. 00:09:14Popular Music Venue app
- Урок 3. 00:02:05How to Get Help
- Урок 4. 00:01:20Choice Point! Redux Saga or React Router?
- Урок 5. 00:04:08Introduction to Testing Redux Sagas
- Урок 6. 00:03:09Introduction to redux-saga-test-plan
- Урок 7. 00:02:40Introduction to logErrorToast Saga
- Урок 8. 00:09:26First Saga Test
- Урок 9. 00:04:34Code Quiz! Non-Error Toast
- Урок 10. 00:03:35Partial Assertions
- Урок 11. 00:02:38Review: redux-saga-test-plan Introduction
- Урок 12. 00:04:04Introduction to ticketFlow Saga
- Урок 13. 00:02:52Set up ticketFlow Saga Test File
- Урок 14. 00:05:58Error from not Returning `expectSaga`
- Урок 15. 00:05:57Mocking with `.provide()` method
- Урок 16. 00:04:11Dispatching Actions with `.dispatch()` method
- Урок 17. 00:07:54`throwError()` Method to Test Error Paths
- Урок 18. 00:04:52Code Quiz! Assertions
- Урок 19. 00:03:58Abstracting cancelTransaction Saga Tests and Network Providers
- Урок 20. 00:09:30Code Quiz! Purchase Error
- Урок 21. 00:07:14Asserting on Axios Cancel Call
- Урок 22. 00:04:53Testing Race Effect
- Урок 23. 00:05:31OPTIONAL Code Quiz! Successful Purchase
- Урок 24. 00:06:20OPTIONAL Code Quiz! Hold Cancel
- Урок 25. 00:09:27Parametrization with `test.each()`
- Урок 26. 00:02:25Review: Complex takeEvery Saga Tests
- Урок 27. 00:07:49Introduction to Sign In Sagas
- Урок 28. 00:02:28Set Up signInSaga Test File
- Урок 29. 00:10:42Testing Successful Sign-in: .silentRun and Timeout
- Урок 30. 00:04:43Return Value from Network Provider
- Урок 31. 00:04:59Code Quiz! Sign Up Flow
- Урок 32. 00:09:59Integration Test for Canceled Fork
- Урок 33. 00:04:04Code Quiz! Error Path
- Урок 34. 00:03:54Introduction to redux-saga-test-plan Unit Tests
- Урок 35. 00:08:00Cancel Flow Unit Test
- Урок 36. 00:06:02Code Quiz! Unit Tests
- Урок 37. 00:02:34Review: Fork, Cancel, Infinite while Loop
- Урок 38. 00:02:28Getting Help with Saga Tests
- Урок 39. 00:05:07Why is Custom render Necessary?
- Урок 40. 00:04:36Custom render Concepts
- Урок 41. 00:04:42Planning Custom render with Test Store
- Урок 42. 00:08:07Writing Custom render with Test Store
- Урок 43. 00:04:36Using Custom render in Tests
- Урок 44. 00:06:47Adding React Router to Custom render
- Урок 45. 00:08:04Asserting on history Object
- Урок 46. 00:04:18OPTIONAL Behavior Testing for Redirect
- Урок 47. 00:08:16Code Quiz! history.push()
- Урок 48. 00:03:23OPTIONAL: Redux State Code Quiz
- Урок 49. 00:04:02Custom router Summary
- Урок 50. 00:01:00Introduction to Testing Routes with URL and Query Params
- Урок 51. 00:02:23OPTIONAL Introduction to Mock Service Worker
- Урок 52. 00:08:27OPTIONAL Setting up Mock Service Worker
- Урок 53. 00:09:51OPTIONAL Testing "Shows" Component with Mock Service Worker
- Урок 54. 00:02:20OPTIONAL Code Quiz! Mock Service Worker for Sold-Out Show
- Урок 55. 00:03:10Testing a Route with URL Params
- Урок 56. 00:04:34Writing Handler for Route with URL Params
- Урок 57. 00:04:47Testing Page Contents for Route with URL Params
- Урок 58. 00:05:20Code Quiz! Page Contents of Route with URL Params
- Урок 59. 00:07:58Redirecting to Route with URL Params
- Урок 60. 00:11:53Redirecting to Route with URL and Query Params
- Урок 61. 00:03:54Code Quiz! Bad Query Params
- Урок 62. 00:02:09Review: Routes with URL and Query Params
- Урок 63. 00:02:33Intro to Testing Auth-Protected Routes
- Урок 64. 00:05:23Test for Non-Protected Route
- Урок 65. 00:02:32OPTIONAL: Introduction to Parametrization with test.each()
- Урок 66. 00:08:03Parametrizing Non-Protected Page Tests with test.each()
- Урок 67. 00:03:27Planning Protected Route Tests
- Урок 68. 00:02:55Code Quiz! Redirect to Sign-In for Protected Routes
- Урок 69. 00:02:51Parametrizing Sign-In Redirect
- Урок 70. 00:06:23SignIn / SignUp Handlers for Mock Service Worker
- Урок 71. 00:04:20Planning Tests for Protected Route Redirect after Sign-In
- Урок 72. 00:06:22Starting Test for Protected Route Redirect after Sign In
- Урок 73. 00:05:52Completing Test for Protected Route Redirect after Sign In
- Урок 74. 00:05:01Code Quiz! Successful Sign-Up
- Урок 75. 00:09:53Testing Failed SignIn Followed by Successful SignIn
- Урок 76. 00:03:18Code Quiz! Server Error on Sign In
- Урок 77. 00:04:48Code Quiz! Parametrizing Unsuccessful Sign In / Sign Up
- Урок 78. 00:01:55Review: Auth-Protected Routes
- Урок 79. 00:00:27Congratulations and Thank You!
Автор - udemy
Комментарии