Последние новости: Coursehunters.club

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

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

Поднимите свой код 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. 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
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 21.12.2018. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

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

02-04-2017 en 1 урок
egghead Jest Snapshot Testing with React Storybook
React Storybook позволяет упростить интеграцию с тестированием снимками в рамках платформы Jest. Тестирования снимками позволяет вам фиксировать состояние вашего пользовательского интерфейса, а затем уведомлять вас о том, что пользовательский интерфейс был изменен. Мы можем легко создавать и обновлять снимки с помощью Storybook!
Duration 00:02:27
0 3
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
14 1

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

Firebase c React, v2

Firebase c React, v2

en
Иногда у вас есть отличная идея для приложения и вы хотите как можно быстрее представить его миру. Лучше потратить время на работу над тем, что делает приложение особенным, чем на настройку и защиту серверов. Firebase позволяет вам получить критически важные - и ужасно утомительные для реализации...
Electron v2

Electron v2

en
Electron - это платформа для создания собственных кроссплатформенных настольных приложений с использованием веб-технологий (например, HTML, CSS и JavaScript). На этом семинаре вы научитесь создавать несколько настольных приложений с использованием Electron. Мы обсудим, как реализовать...
Universal React с Next.js - Полное руководство

Universal React с Next.js - Полное руководство

en
Узнайте, как создавать удивительные server-rendered приложения React с помощью Next.js. Хотите создавать удивительные, производительные и в целом лучшие приложения React? Смотрите не дальше, чем Next.js. Этот курс - лучшее руководство, которое вы найдете для изучения фреймворка Next.js. В нем мы...
JavaScript: Расширенные возможности

JavaScript: Расширенные возможности

en
Курс состоит из 8 уроков, на которых учащиеся смогут ознакомиться с новыми, а также расширенными возможностями языка JavaScript. Студенты рассмотрят возможность использование событий для мобильных устройств, реализацию возможностей ES6, ES7, ES8, ES9, и использование Promises RxJS в написании...
ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

ES6, ES7 и ES8, время обновить ваш JavaScript / ECMAScript!

en
Если вы потратили время на программирование на JavaScript, вы слышали о ES6, ECMAScript или ES2015. Может быть, это был отвратительный сотрудник, который пытался вас унизить, другой курс удеми, или в встречались с ними на stackoverflow. Если вы не знакомы с ним или все еще задаетесь вопросом...
Просто Express (с кучей node и http). В деталях.

Просто Express (с кучей node и http). В деталях.

en
Нет MERN или MEAN ... просто Express. Для тех, кто немного узнал о самом крутом фреймворке node и хочет больше. У вас есть представление о том, что такое Node, Express и http, иначе вас бы здесь не было. Node и серверная часть JavaScript взяли мир штурмом, [НЕКОТОРАЯ БОЛЬШАЯ КОМПАНИЯ] переехала...
Разработка модуей Drupal 8 с примерами

Разработка модуей Drupal 8 с примерами

en
Никогда не было лучшего времени для изучения разработки модулей Drupal 8. Это потому, что Drupal 8 уже является лучшим технологически и более быстрым способом создания приложений Drupal (по сравнению с Drupal 7). Drupal 8 построен поверх Symfony, поэтому хорошие новости заключаются в том...
Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

Appium (Версия 1.8.2) - Мобильное автоматизированное тестирование с нуля

en
Appium курс - 200+ лекций по мобильной автоматизации от основ с примерами в реальных проектах. Курс полностью обновлен 12 ноября с последней версией Appium 1.8.2. Узнайте все, что вам нужно знать о мобильной автоматизации (Android + IOS), даже если вы никогда не программировали раньше.
chat
logo