Этот материал находится в платной подписке. Оформи премиум подписку и смотри 2021 Update! React Testing with Jest and Enzyme, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 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