React тестирование с Jest и Enzyme - Видеоуроки

React Testing with Jest and Enzyme

Duration 06:35:02

Открыть все курсы от udemy

Облачный хостинг на SSD с лучшей техподдержкой! Развернуть приложение в один клик

React Testing with Jest and Enzyme - Полный список уроков

Развернуть / Свернуть

Урок 1. Welcome and Introduction 00:02:49
Урок 2. Versions Used in this Course 00:02:52
Урок 3. TDD: What and Why 00:03:45
Урок 4. create-react-app 00:02:20
Урок 5. Setting up Jest without create-react-app 00:07:40
Урок 6. Demo of Jest Watch Mode 00:02:55
Урок 7. More about Jest Watch Mode, Test Files and Tests 00:04:04
Урок 8. Enzyme Introduction and Setup 00:05:07
Урок 9. Using Enzyme in a Test 00:06:00
Урок 10. Types of Tests 00:01:40
Урок 11. Test Behavior, not Implementation 00:03:05
Урок 12. Snapshot Testing? 00:02:42
Урок 13. Demo and Start Click Counter App 00:03:13
Урок 14. Set up Enzyme and Write Tests 00:05:32
Урок 15. Test Component Rendering 00:06:15
Урок 16. More data-test Attribute Tests 00:02:55
Урок 17. DRY Refactor 00:08:08
Урок 18. Test Initial State 00:03:40
Урок 19. Test Button Click 00:07:07
Урок 20. Acceptance Testing and Review 00:02:08
Урок 21. Click Counter Challenges 00:02:20
Урок 22. Jotto App Demo 00:01:50
Урок 23. Jotto App Planning 00:04:57
Урок 24. Jotto App Plan of Attack 00:03:59
Урок 25. Set up Jotto App and Congrats Component 00:07:32
Урок 26. Congrats Component Test Setup 00:06:56
Урок 27. Congrats Tests and the .text() Method 00:05:44
Урок 28. Code the Congrats Component 00:03:18
Урок 29. PropTypes Testing 00:09:53
Урок 30. Code PropTypes and Update Tests 00:03:42
Урок 31. Default Props in setup() 00:02:30
Урок 32. Move Enzyme Configuration to setupTests.js 00:03:38
Урок 33. Configure Jest Setup for non-create-react-app 00:01:32
Урок 34. Summary of Abstractions 00:02:09
Урок 35. Playing the Long Game 00:02:19
Урок 36. Set up GuessedWords Component and Tests 00:03:16
Урок 37. GuessedWords PropTypes and setup() 00:08:19
Урок 38. Use `describe` for Context 00:01:52
Урок 39. Write Tests and beforeEach for "no words guessed" 00:04:57
Урок 40. Code for "no words guessed" 00:03:13
Урок 41. Tests for "nonzero guessed words" 00:06:23
Урок 42. Code for "nonzero guessed words" 00:05:16
Урок 43. Manual Acceptance Testing 00:02:58
Урок 44. Bootstrap Styling 00:03:50
Урок 45. Review of Jotto Redux State Plan 00:01:22
Урок 46. Set up Redux 00:05:47
Урок 47. Success State Planning 00:01:01
Урок 48. `CORRECT_GUESS` action creator 00:07:34
Урок 49. `successReducer` Tests 00:07:19
Урок 50. `successReducer` Code 00:03:14
Урок 51. Tradeoffs to Unit Testing Action Creators / Reducers 00:01:52
Урок 52. Set Up Connected Component Tests 00:04:33
Урок 53. Input Component Test Organization 00:02:28
Урок 54. Start setup Function for Input Component 00:03:07
Урок 55. `storeFactory` Test Helper 00:02:47
Урок 56. Enzyme `.dive()` method 00:03:42
Урок 57. Summary of Connected Component Setup and Choices 00:04:22
Урок 58. Input Tests and Code for success=false 00:09:08
Урок 59. Quiz! Write Input Tests and Code for success=true 00:02:45
Урок 60. Simple Redux Summary 00:01:05
Урок 61. Other Pieces of State 00:01:01
Урок 62. `guessedWords` Planning 00:03:15
Урок 63. Redux Thunk: What and Why 00:01:25
Урок 64. Installing Redux Thunk 00:04:31
Урок 65. `getLetterMatchCount` Helper Function 00:07:52
Урок 66. Thunk Test Planning 00:02:37
Урок 67. Set up `guessWords` Tests 00:09:06
Урок 68. First Thunk Test 00:05:55
Урок 69. Add `secretWordReducer` 00:02:06
Урок 70. Remaining Tests 00:07:54
Урок 71. Write Reducer and Action Creator 00:07:15
Урок 72. Thunk Integration Testing Summary 00:00:38
Урок 73. `secretWord` Plan 00:02:21
Урок 74. `moxios`: Why and How 00:03:31
Урок 75. Set up `secretWord` Action Creator and Tests 00:05:27
Урок 76. Testing Asynchronous Action Creators 00:03:33
Урок 77. Write `getSecretWord` tests 00:05:10
Урок 78. Write `secretWord` Action Creator and Reducer 00:04:52
Урок 79. Summary: Asynchronous Action Creators and `moxios` 00:02:46
Урок 80. Testing Props and Action Creator Calls 00:01:26
Урок 81. Testing Redux Props 00:02:00
Урок 82. Input Redux Props 00:07:39
Урок 83. Quiz! App Redux Props 00:06:14
Урок 84. Approach to Testing Action Creator Calls 00:02:51
Урок 85. `getSecretWord` call on App Mount 00:10:42
Урок 86. Quiz! Tests for `guessWord` on Input Submit Click 00:05:52
Урок 87. Create Input ref 00:03:11
Урок 88. Write test for `guessWord` Argument 00:08:29
Урок 89. Write `guessWord` Call with Argument 00:05:59
Урок 90. Clear Input Box on Submit 00:02:52
Урок 91. Demo of Completed App 00:02:09
Урок 92. Jotto Challenges 00:05:57

Загрузки

Материалы к курсу

Поднимите свой код 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.