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

React Testing with Jest and Enzyme
Duration 06:35:02
Открыть все курсы от udemy

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.

Твоя оценка

14 6
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

02-04-2017 en 1 урок
egghead Jest Snapshot Testing with React Storybook
React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!
Duration 00:02:27
0 4
08-01-2018 en 77 уроков
udemy React, Redux, & Enzyme - Introducing Apps & Tests
Постройте 3 приложения с полными тестами. Получите спрос, добавив Jest, Enzyme, ES6, React JS и Redux к вашему набору навыков! Станьте более вострбованным инженером, пройдя этот курс по React JS, Redux и тестированию. Возможно, самый популярный стек веб-разработки на сегодня, изучение React вместе с Redux является обязательным. Знание того как создавать приложения React и Redux, откроет вам двери в многие компании или стартапы.
Duration 08:09:55
17 1
en 15 уроков
egghead Test React Components with Enzyme and Jest
В этом курсе мы обсудим правильную настройку Enzyme с Jest для тестирования визуализированных компонентов. Это включает в себя все необходимое, чтобы наша среда тестирования работала с различными версиями React. После того, как мы подготовим настройку среды, мы проработаем различные способы визуализации компонента на наших тестовых страницах. С визуализированным компонентом мы теперь можем тестировать методы и свойства компонента, чтобы...
Duration 00:42:13
11 1

Последнее добавленное

100 дней веб-разработки с Python

100 дней веб-разработки с Python

en
# 100DaysOfWeb в Python - это курс, который обеспечит вам успех, обучая вас веб-разработке на Python. Каждые 4 дня, посвященные другой концепции, вы будете поражены тем, сколько веб-технологий и библиотек Python вы изучите в этом путешествии. Присоединяйтесь к курсу и начните свое 100-дневное...
Практический JavaScript

Практический JavaScript

ru
Для изучения курса желательно знание HTML + CSS. Знание основы JS будет плюсом, но не обязательно. Делаем форму для регистрации и входа пользователей. На нативном JavaScript (ES6). Все эффекты прописываем с помощью JS самостоятельно. Пишем проверку (валидацию) формы с выводом ошибок.
Android юнит-тестирование и TDD

Android юнит-тестирование и TDD

en
Этот курс научит вас всему, что вам нужно знать о юнит тестировании и разработке через тестирование в приложениях для Android. Он разработан, чтобы быстро приступить к работе с юнит тестированием с использованием Android Studio и JUnit, выполнив серию тщательно разработанных практических упражнений.
Animating React

Animating React

en
В этой серии уроков мы с головой погрузимся в анимацию в React. Мы будем использовать библиотеку React Spring и physics based анимацию. Мы будем использовать очень много клевых техник которые можно и нужно использовать в реальных приложениях. Мы будем строить меню, модальные окна и все с чем вы...
chat
logo