Главная страницаКатегория react.jsТестирование React-приложений React Testing Library

Тестирование React-приложений React Testing Library

Name: Тестирование React-приложений React Testing Library
Price: 12.5 USD
Rating: 5 (25 reviews)

Testing React Apps with React Testing Library

codewithmosh (Mosh Hamedani)

★5 (всего оценок - 25)

Продолжительность

6 ч 48 мин

Категория

React.js

Количество уроков

84 Видео

Дата добавления

19 мар. 2024 г., 22:43

Язык

Английский

Дата обновления

29 апр. 2026 г., 19:59

Хотите уверенно писать тесты для React-приложений, но устали от беспорядочных уроков и неполных объяснений? Этот курс создан, чтобы структурировать ваше обучение и шаг за шагом провести от базовой теории до продвинутых техник тестирования с React Testing Library, MSW и современными инструментами разработки.

Что вы изучите в этом курсе

Курс охватывает весь цикл тестирования React-компонентов и пользовательских сценариев, позволяя вам создавать стабильные, понятные и долговечные тесты. Основные направления обучения:

Базовые принципы тестирования React-приложений
Работа с React Testing Library
Мокирование API с использованием Mock Service Worker (MSW)
Генерация и мокирование данных с @mswjs/data и @faker-js
Симуляция поведения пользователя
Продвинутые техники: аутентификация, состояние, маршрутизация
Рефакторинг тестов и улучшение структуры тестового кода
Практические кейсы и упражнения, приближённые к реальной разработке
Использование ESLint для раннего выявления ошибок

Кому будет полезен этот курс

Материал подойдёт как начинающим разработчикам, так и опытным инженерам, которые хотят укрепить навыки тестирования интерфейсов:

React-разработчикам
Frontend-инженерам, стремящимся писать надёжный код
QA-специалистам, изучающим автоматизацию UI-тестирования
Тем, кто готовится к собеседованиям в продуктовые и международные компании

Практический подход к обучению

Каждый урок — это короткое, сфокусированное видео, которое дополняется практическими примерами и упражнениями. Вы будете применять знания сразу, создавая тесты для реальных сценариев:

Работа с API и данными

Вы научитесь мокировать запросы, управлять ответами сервера и моделировать разные состояния приложения без ручного написания заглушек.

Сложные пользовательские сценарии

Курс покажет, как эмулировать действия пользователя, тестировать маршрутизацию, аутентификацию и взаимодействие со стором.

Рефакторинг и качество кода

Вы освоите техники, которые помогут поддерживать тесты чистыми, читаемыми и легко масштабируемыми.

Результат

После прохождения курса вы сможете уверенно писать качественные тесты для React-приложений, использовать профессиональные инструменты мокирования и вырабатывать лучшие практики тестирования, применимые в современной разработке.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:23
Introduction
Урок 2. 00:01:41
Prerequisites
Урок 3. 00:01:47
Course Structure
Урок 4. 00:01:53
How to Take this Course
Урок 5. 00:01:01
Setting Up the Development Environment
Урок 6. 00:05:57
Setting Up the Starter Project
Урок 7. 00:03:49
Setting Up Vitest
Урок 8. 00:02:59
Setting Up React Testing Library
Урок 9. 00:00:59
Introduction
Урок 10. 00:03:17
What to Test
Урок 11. 00:08:42
Testing Rendering
Урок 12. 00:03:04
Simplifying Test Setup
Урок 13. 00:05:37
Exercise- Testing UserAccount
Урок 14. 00:06:06
Testing Lists
Урок 15. 00:04:22
Exercise- Testing ProductImageGallery
Урок 16. 00:08:57
Testing User Interactions
Урок 17. 00:11:13
Exercise- Testing ExpandableText
Урок 18. 00:03:02
Simplifying Tests
Урок 19. 00:08:36
Exercise- Testing SearchBox
Урок 20. 00:04:17
Testing Asynchronous Code
Урок 21. 00:03:50
Exercise- Testing ToastDemo
Урок 22. 00:09:48
Working with Component Libraries
Урок 23. 00:03:51
Exercise- Simplifying Code
Урок 24. 00:09:35
Exercise- Testing OrderStatusSelector
Урок 25. 00:01:48
Is Unit Testing Worth It
Урок 26. 00:02:25
Catching Common Issues with ESLint
Урок 27. 00:00:39
Introduction
Урок 28. 00:06:54
Setting Up Mock Service Worker
Урок 29. 00:06:25
Testing Data Fetching
Урок 30. 00:12:29
Exercise- Testing Data Fetching
Урок 31. 00:02:37
Generating Fake Data
Урок 32. 00:10:05
Mocking Data
Урок 33. 00:03:04
Exercise- Mocking Data
Урок 34. 00:01:58
Testing Errors
Урок 35. 00:01:33
Exercise- Testing Errors
Урок 36. 00:05:44
Testing the Loading State
Урок 37. 00:00:25
Exercise- Testing the Loading State
Урок 38. 00:08:36
Refactoring- Using React Query
Урок 39. 00:03:21
Wrapping Components for Testing
Урок 40. 00:04:31
Exercise- Using React Query
Урок 41. 00:02:12
Exercise- Testing BrowseProductsPage
Урок 42. 00:10:16
Exercise- Testing Loading Skeletons
Урок 43. 00:05:47
Exercise- Testing Error Handling
Урок 44. 00:13:28
Exercise- Testing Data Rendering
Урок 45. 00:08:37
Exercise- Refactoring Tests
Урок 46. 00:07:35
Exercise- Testing Filtering
Урок 47. 00:10:25
Exercise- Refactoring Tests
Урок 48. 00:02:33
Code Coverage
Урок 49. 00:08:20
Exercise- Refactoring with React Query
Урок 50. 00:06:40
Exercise- Extracting CategorySelect
Урок 51. 00:03:19
Exercise- Extracting ProductTable
Урок 52. 00:00:35
Introduction
Урок 53. 00:01:39
What to Test
Урок 54. 00:08:39
Testing Rendering
Урок 55. 00:03:51
Exercise- Testing Initial Data
Урок 56. 00:06:27
Exercise- Refactoring Tests
Урок 57. 00:03:17
Exercise- Testing Focus
Урок 58. 00:03:30
Testing Validation Rules
Урок 59. 00:03:47
Parameterizing Tests
Урок 60. 00:03:55
Exercise- Testing Validation Rules
Урок 61. 00:10:47
Exercise- Extracting a Function for Filling Forms
Урок 62. 00:03:57
Resolving the Act Warning
Урок 63. 00:07:30
Exercise- Testing Form Submission
Урок 64. 00:03:26
Testing Form Feedback
Урок 65. 00:00:36
Introduction
Урок 66. 00:00:39
What to Test
Урок 67. 00:10:50
Exercise- Testing Components that Use Context
Урок 68. 00:17:34
Exercise- Testing Quantity Selector
Урок 69. 00:06:06
Exercise- Extracting Utility Functions
Урок 70. 00:03:30
Exercise- Testing Components that Use Redux
Урок 71. 00:04:50
Exercise- Replacing Redux with React Query
Урок 72. 00:00:23
Introduction
Урок 73. 00:01:23
What to Test
Урок 74. 00:05:14
Mocking the Authentication Status
Урок 75. 00:05:06
Exercise- Testing AuthStatus
Урок 76. 00:00:19
Introduction
Урок 77. 00:00:28
What to Test
Урок 78. 00:07:42
Testing Routes
Урок 79. 00:02:56
Extracting navigateTo
Урок 80. 00:03:00
Exercise- Testing Routes with Parameters
Урок 81. 00:00:51
Exercise- Testing Invalid Routes
Урок 82. 00:03:01
Testing Protected Routes
Урок 83. 00:04:34
Exercise- Testing ProductDetailPage
Урок 84. 00:00:26
Course Wrap Up

Автор - codewithmosh (Mosh Hamedani)

codewithmosh (Mosh Hamedani)

Здравствуй! Меня зовут Мош Хамедани. За последние три года я преподавал более 1 млн. стулентам как программировать или как стать лучшим кодером через мои онлайн-курсы и канал YouTube. Я работаю инженером-программистом в течение последних 18 лет, и я люблю делиться своими знаниями с вами.

+407

Комментарии