Главная страница Категория react.js React тестирование с Jest и Enzyme

React тестирование с Jest и Enzyme

Name: React тестирование с Jest и Enzyme
Rating: 4.2 (60 reviews)

2021 Update! React Testing with Jest and Enzyme

udemy

Скачать курс архивом Скачать материалы курса

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

15 ч 3 мин

Категория

React.js

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

195 Видео

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

21 нояб. 2018 г., 09:00

Язык

Английский

Дата выхода

17 июл. 2018 г., 10:00

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

5 окт. 2021 г., 10:33

Поднимите свой код React на следующий уровень, изучив Test Driven Development с помощью Jest и Enzyme! Jest - это мощная гибкая платформа тестирования, и Enzyme предоставляет инструменты для тестирования приложений React и Redux.

В этом курсе вы научитесь тестировать:

Подключенные и несвязанные компоненты
Состояние компонента и состояние Redux
Action creators и reducers
Сложные action creators, которые используют Redux Thunk и Axios
Action creators, вызванные из подключенных компонентов

Зачем учиться тестировать?

Test Driven Development поможет вам написать лучший организованный код, который будет проще поддерживать, что сэкономит ваше время в долгосрочной перспективе. Ваши тесты дают ценность вашей команде разработчиков программного обеспечения, поскольку другие знают, что они могут полагаться на ваш код. Работодатели хотят разработчиков с навыками тестирования!

Этот курс обсуждает компромиссы при рассмотрении различных подходов к тестированию, оставляя вас уверенными в выборе тестов, которые вы делаете. Кроме того, вы углубите свое понимание React и Redux, когда мы углубимся в то, как и почему мы тестируем каждый аспект.

Практикуйте свои новые навыки

У вас также будут возможности практиковать то, что вы узнали. Есть случайные «викторины», в то время как мы строим проекты курсов, где вы можете применить то, что узнали, а затем посмотреть видео, чтобы увидеть решение. Есть также два набора проблем для расширения учебных курсов, с решениями на GitHub.

Посмотреть больше

Урок 1. 00:03:23

Welcome and Introduction
Урок 2. 00:03:45

TDD: What and Why
Урок 3. 00:03:06

create-react-app
Урок 4. 00:07:47

OPTIONAL: Setting up Jest without create-react-app
Урок 5. 00:04:02

Demo of Jest Watch Mode
Урок 6. 00:05:41

More about Jest Watch Mode, Test Files and Tests
Урок 7. 00:06:53

Enzyme vs. React Testing Library
Урок 8. 00:04:27

Enzyme Introduction and Setup
Урок 9. 00:03:35

Using Enzyme in a Test
Урок 10. 00:04:01

Jest Assertions
Урок 11. 00:03:01

Types of Tests
Урок 12. 00:06:59

Testing Tradeoffs
Урок 13. 00:03:11

Why There is no Snapshot Testing in this Course
Урок 14. 00:02:53

Demo and Start Click Counter App
Урок 15. 00:05:56

Set up Enzyme and Write Tests
Урок 16. 00:06:02

data-test Attributes
Урок 17. 00:04:03

First data-test Attribute Test
Урок 18. 00:08:45

OPTIONAL: Removing data-test Attributes for Production
Урок 19. 00:04:10

More data-test Attribute Tests
Урок 20. 00:06:51

DRY Refactor
Урок 21. 00:05:12

Strategies and Design Decisions
Урок 22. 00:06:41

Test Initial Counter Display
Урок 23. 00:05:41

Test Button Click
Урок 24. 00:03:06

Acceptance Testing and Review
Урок 25. 00:02:20

Click Counter Challenges
Урок 26. 00:01:50

Jotto App Demo
Урок 27. 00:04:18

Jotto App Planning
Урок 28. 00:03:37

Jotto App Plan of Attack
Урок 29. 00:07:24

Set up Jotto App and Congrats Component
Урок 30. 00:07:26

Congrats Component Test Setup
Урок 31. 00:05:44

Congrats Tests and the .text() Method
Урок 32. 00:03:18

Code the Congrats Component
Урок 33. 00:10:39

OPTIONAL PropTypes Testing
Урок 34. 00:03:42

OPTIONAL Code PropTypes and Update Tests
Урок 35. 00:02:30

OPTIONAL Default Props in setup()
Урок 36. 00:02:15

Move Enzyme Configuration to setupTests.js
Урок 37. 00:02:09

Summary of Abstractions
Урок 38. 00:02:19

Playing the Long Game
Урок 39. 00:04:07

Set up GuessedWords Component and Tests
Урок 40. 00:07:39

GuessedWords PropTypes and setup()
Урок 41. 00:01:52

Use `describe` for Context
Урок 42. 00:04:57

Write Tests and beforeEach for "no words guessed"
Урок 43. 00:03:13

Code for "no words guessed"
Урок 44. 00:06:23

Tests for "nonzero guessed words"
Урок 45. 00:05:16

Code for "nonzero guessed words"
Урок 46. 00:03:07

Manual Acceptance Testing
Урок 47. 00:04:11

Bootstrap Styling
Урок 48. 00:02:31

Code Quiz! Basic Input Component
Урок 49. 00:04:45

Input Component Props
Урок 50. 00:04:29

OPTIONAL: Introduction to React Hooks
Урок 51. 00:04:03

Mocking React Methods
Урок 52. 00:05:12

Prepare Input Component for useState Tests
Урок 53. 00:07:29

State-Controlled Field Tests and Code
Урок 54. 00:06:22

Common Questions about Mocking React Methods
Урок 55. 00:08:25

Clearing State-Controlled Field on Submit
Урок 56. 00:08:30

Testing Input Render for `success` as `true` or `false`
Урок 57. 00:08:37

`getLetterMatchCount` Helper Function
Урок 58. 00:04:50

Introduction to Functional Tests, and update App Component
Урок 59. 00:08:44

Set up Functional Tests
Урок 60. 00:07:24

First Functional Test: Submit Guess with No Previous Guesses
Урок 61. 00:06:29

Code Quiz! Functional Tests for "Some Words Guessed" and "Correct Guess"
Урок 62. 00:05:15

Jest methods: .only() .skip() and .todo()
Урок 63. 00:01:51

`secretWord` Plan
Урок 64. 00:03:33

`moxios`: Why and How
Урок 65. 00:04:11

Set up `getSecretWord` Action and Tests
Урок 66. 00:02:38

Testing Async Actions
Урок 67. 00:05:01

Write `getSecretWord` Action
Урок 68. 00:02:04

Asynchronous Action and Moxios Summary
Урок 69. 00:05:59

Mocking Modules with Jest
Урок 70. 00:04:44

Using useEffect to Get Secret Word on App Mount
Урок 71. 00:05:31

Mocking the actions Module
Урок 72. 00:05:53

Testing that useEffect is Called on App Mount, Not Called on App Update
Урок 73. 00:02:02

Write useEffect Code to Pass Tests
Урок 74. 00:04:44

Choice point: Redux or React Context?
Урок 75. 00:04:57

Redux Planning
Урок 76. 00:05:37

Set up Redux
Урок 77. 00:01:01

Success State Planning
Урок 78. 00:07:06

`CORRECT_GUESS` Action Creator
Урок 79. 00:06:53

`successReducer` Test
Урок 80. 00:02:32

OPTIONAL: Introduction to the `useSelector` Hook
Урок 81. 00:03:49

Testing Redux State for Input Component
Урок 82. 00:05:46

Choices for Testing `useSelector`
Урок 83. 00:03:55

`storeFactory` Test Helper
Урок 84. 00:04:06

Updating Setup Function to use Store Factory
Урок 85. 00:03:29

Summary: Intro to Redux Testing
Урок 86. 00:01:01

Other Pieces of State
Урок 87. 00:03:15

`guessedWords` Planning
Урок 88. 00:01:26

Redux Thunk: What and Why
Урок 89. 00:03:36

Installing Redux Thunk
Урок 90. 00:02:34

Thunk Test Planning
Урок 91. 00:08:50

Set up `guessWords` Tests
Урок 92. 00:05:48

First Thunk Test
Урок 93. 00:02:09

Add `secretWordReducer`
Урок 94. 00:07:14

Remaining Tests
Урок 95. 00:06:53

Write Reducer and Action Creator
Урок 96. 00:05:11

Plan for Functional Tests
Урок 97. 00:04:02

Update Components
Урок 98. 00:01:38

Thunk Testing Summary
Урок 99. 00:01:53

`secretWord` Plan
Урок 100. 00:02:46

Update moxios Tests for Redux
Урок 101. 00:04:05

Write Action Creator and Reducer
Урок 102. 00:04:49

Update App to use secretWord state: mock response and Jest settings
Урок 103. 00:02:06

Manual Acceptance Testing
Урок 104. 00:05:45

Jotto Challenges for Redux
Урок 105. 00:02:16

Introduction to React Context
Урок 106. 00:05:05

Jotto Data Flow with Context
Урок 107. 00:02:14

Jotto Context Plan of Attack
Урок 108. 00:05:24

Update `getSecretWord` Tests for Context Implementation
Урок 109. 00:01:14

Update `getSecretWord` Code for Context Implementation
Урок 110. 00:06:09

Intro to `useReducer` Hook
Урок 111. 00:08:40

Refactor App State with `useReducer` Hook
Урок 112. 00:06:16

Loading Spinner Planning and `describe.each()`
Урок 113. 00:12:04

Test and Code Loading Spinner
Урок 114. 00:03:31

Context Implementations in this Course
Урок 115. 00:04:32

Language Context Planning
Урок 116. 00:05:39

Strings File Setup
Урок 117. 00:04:36

Strings Tests
Урок 118. 00:02:10

Code getStringByLanguage
Урок 119. 00:07:14

Strings Warnings
Урок 120. 00:04:48

LanguagePicker Component: Planning and Setup
Урок 121. 00:04:44

LanguagePicker Tests: Render and PropTypes
Урок 122. 00:04:29

LanguagePicker Icons
Урок 123. 00:02:08

LanguagePicker Icon Click
Урок 124. 00:06:26

languageContext File
Урок 125. 00:06:24

Context Test Options
Урок 126. 00:06:16

Congrats Language Context Test Setup
Урок 127. 00:03:36

Congrats Language Context Tests
Урок 128. 00:02:32

Congrats Language Context Code
Урок 129. 00:07:39

Code Quiz! Input Language Context
Урок 130. 00:02:41

Fix App Test Language Warnings
Урок 131. 00:08:29

GuessedWords Language Context Tests: Mocking useContext
Урок 132. 00:03:10

GuessedWords Language Context Code
Урок 133. 00:01:17

Manual Acceptance Testing
Урок 134. 00:03:21

Context with Embedded State
Урок 135. 00:06:08

Code Success Context
Урок 136. 00:08:22

Test Success Context
Урок 137. 00:03:30

Code Quiz! guessedWords Context
Урок 138. 00:03:57

Set up Congrats and App Components for Success Context Testing
Урок 139. 00:06:21

Test and Code Congrats Success Context
Урок 140. 00:03:55

Set up GuessedWords Component for Context Testing
Урок 141. 00:09:32

Test and Code GuessedWords Context in GuessedWords Component
Урок 142. 00:04:13

Review of Context with Embedded State
Урок 143. 00:06:39

Update Functional Test Setup for Context Implementation
Урок 144. 00:05:24

Test and Code Input Consuming Success Context
Урок 145. 00:02:28

Test and Code Input Setting Success Context
Урок 146. 00:04:55

Test and Code Input Setting GuessedWords Context
Урок 147. 00:01:48

Fix GuessedWords Provider Error in Input.test.js
Урок 148. 00:02:14

Manual Acceptance Testing
Урок 149. 00:04:57

Review of Jotto Redux State Plan
Урок 150. 00:05:47

Set up Redux
Урок 151. 00:01:01

Success State Planning
Урок 152. 00:07:34

`CORRECT_GUESS` action creator
Урок 153. 00:07:19

`successReducer` Tests
Урок 154. 00:03:14

`successReducer` Code
Урок 155. 00:01:52

Tradeoffs to Unit Testing Action Creators / Reducers
Урок 156. 00:04:33

Set Up Connected Component Tests
Урок 157. 00:02:28

Input Component Test Organization
Урок 158. 00:03:07

Start setup Function for Input Component
Урок 159. 00:02:47

`storeFactory` Test Helper
Урок 160. 00:04:07

Enzyme `.dive()` method
Урок 161. 00:04:22

Summary of Connected Component Setup and Choices
Урок 162. 00:07:10

Input Tests and Code for success=false
Урок 163. 00:02:45

Quiz! Write Input Tests and Code for success=true
Урок 164. 00:01:04

Simple Redux Summary
Урок 165. 00:01:23

Other Pieces of State
Урок 166. 00:03:15

`guessedWords` Planning
Урок 167. 00:01:26

Redux Thunk: What and Why
Урок 168. 00:04:31

Installing Redux Thunk
Урок 169. 00:02:34

Thunk Test Planning
Урок 170. 00:09:06

Set up `guessWords` Tests
Урок 171. 00:05:55

First Thunk Test
Урок 172. 00:02:06

Add `secretWordReducer`
Урок 173. 00:07:54

Remaining Tests
Урок 174. 00:07:15

Write Reducer and Action Creator
Урок 175. 00:00:38

Thunk Integration Testing Summary
Урок 176. 00:02:22

`secretWord` Plan
Урок 177. 00:03:33

`moxios`: Why and How
Урок 178. 00:05:27

Set up `secretWord` Action Creator and Tests
Урок 179. 00:03:32

Testing Asynchronous Action Creators
Урок 180. 00:05:10

Write `getSecretWord` tests
Урок 181. 00:04:52

Write `secretWord` Action Creator and Reducer
Урок 182. 00:02:46

Summary: Asynchronous Action Creators and `moxios`
Урок 183. 00:01:27

Testing Props and Action Creator Calls
Урок 184. 00:02:00

Testing Redux Props
Урок 185. 00:07:39

Input Redux Props
Урок 186. 00:06:41

Quiz! App Redux Props
Урок 187. 00:01:53

OPTIONAL: Configure Jest Setup for non-create-react-app
Урок 188. 00:02:51

Approach to Testing Action Creator Calls
Урок 189. 00:10:42

`getSecretWord` call on App Mount
Урок 190. 00:05:53

Quiz! Tests for `guessWord` on Input Submit Click
Урок 191. 00:09:36

Write test for `guessWord` Argument
Урок 192. 00:06:27

Write `guessWord` Call with Argument
Урок 193. 00:02:38

Clear Input Box on Submit
Урок 194. 00:02:09

Demo of Completed App
Урок 195. 00:05:53

Jotto Challenges

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+191

Категории

Комментарии

dsafga5yffg

27 июн. 2022 г., 22:41

1. Course is outdated
2. On Udemy author says that Enzyme is outdated itself, and recommends against it.
chubukkirill95

4 мая 2022 г., 20:39

Not to my taste, 2/5
fenix4088

5 окт. 2021 г., 19:34

невозможно скачать архив с курсом
perseyiis

2 окт. 2021 г., 09:13

Можете обновить курс пожалуйста?
vadiman

16 авг. 2021 г., 11:12

Пофиксите а то сломался курс ((
Anonymous

16 июл. 2021 г., 22:48

обновите пожалуйста
Quicksilver

1 июн. 2021 г., 23:53

Update please
Somulu

28 мая 2021 г., 15:11

Please update, as the original course is of 15hrs.
n.kiani

25 мая 2021 г., 12:49

Hi,
Update the course please.
Anonymous

12 апр. 2021 г., 15:23

Добрый день!
Обновите курс пожалуйста
Hector

31 мар. 2021 г., 17:59

please update this code

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

Другие материалы в этой категории

Изображение курса Jest тестирование снимками с React Storybook

egghead

4 янв. 2018 г., 23:45

React.js

Jest тестирование снимками с React Storybook

Jest Snapshot Testing with React Storybook

React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!

0 ч 2 мин

Английский

Посмотреть

-7

Изображение курса React, Redux, и Enzyme - Знакомство с приложениями и их тестированием

udemy

26 февр. 2018 г., 19:35

React.js Redux

React, Redux, и Enzyme - Знакомство с приложениями и их тестированием

React, Redux, & Enzyme - Introducing Apps & Tests

Постройте 3 приложения с полными тестами. Получите спрос, добавив Jest, Enzyme, ES6, React JS и Redux к вашему набору навыков! Станьте более вострбованным инженером, пройдя этот курс по React JS, Redux и тестированию. Возможно, самый популярный стек веб-разработки на сегодня, изучение React вместе с Redux является обязательным. Знание того как создавать приложения React и Redux, откроет вам двери в многие компании или стартапы.

8 ч 9 мин

Английский

Посмотреть

+25

Изображение курса Тестирование React компонентов с Enzyme и Jest

egghead

5 февр. 2019 г., 10:56

React.js Другое (QA)

Тестирование React компонентов с Enzyme и Jest

Test React Components with Enzyme and Jest

В этом курсе мы обсудим правильную настройку Enzyme с Jest для тестирования визуализированных компонентов. Это включает в себя все необходимое, чтобы наша среда тестирования работала с различными версиями React. После того, как мы подготовим настройку среды, мы проработаем различные способы визуализации компонента на наших тестовых страницах. С визуализированным компонентом мы теперь можем тестировать методы и свойства компонента, чтобы утверждат

0 ч 42 мин

Английский

Посмотреть

+27

Изображение курса Тестирование приложений React и Redux

udemy

18 мар. 2020 г., 20:17

React.js Redux

Тестирование приложений React и Redux

Testing React and Redux Applications - Unit and Integration

Узнайте, как писать тесты для приложений React и Redux с использованием Enzyme, jsdom и React testing library.

2 ч 57 мин

Английский

Посмотреть

+17

Изображение курса Модульное тестирование для разработчиков Typescript и NodeJs с Jest

udemy

10 янв. 2021 г., 14:41

JavaScript TypeScript Другое (QA)

Модульное тестирование для разработчиков Typescript и NodeJs с Jest

Unit Testing for Typescript & NodeJs Developers with Jest

Необходимые навыки для senior разработчиков. Typescript становится все более популярным, и это необходимый навык для многих ИТ-профессий. Его ключевая особенность - безопасность типов, что предотвращает ошибки. Но да, еще один навык очень важен для любой работы по программированию: модульное тестирование. Объединение этих двух методов приведет к созданию надежного и свободного от ошибок кода.

3 ч 57 мин

Английский

Посмотреть

+11