React тестирование с Jest и Enzyme - Видеоуроки
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.