Введение в тестирование React [Учебное пособие по Jest и библиотекам тестирования React]

Крис представит введение в тестирование React и проведет пошаговое руководство по Jest и библиотеке тестирования React. Тестирование — важнейшая часть процесса разработки React. Существует множество различных способов тестирования наших приложений. В этом докладе будет представлено введение в общие принципы и инструменты тестирования, прежде чем перейти к конкретике тестирования компонентов React с использованием Jest и библиотеки тестирования React — инструментов, рекомендованных основной командой разработчиков React. Приглашенный докладчик, Крис Шмитц, старший инженер-программист Handshake, расскажет вам, как начать работу с Jest и библиотекой тестирования React. 👉 Документация Jest https://jestjs.io/docs/en/tutorial-react 👉 Библиотека тестирования React https://testing-library.com/docs/reac... Спасибо Мачеку Ситковски за предоставленные ниже CodeSandbox для обучения! Профиль Мачека -    / @macieksitkowski   💻 CodeSandboxes 0-starting-file https://codesandbox.io/s/0-starting-f... 1-rendering-components-for-testing https://codesandbox.io/s/1-rendering-... 2-use-dom-testing-library-for-querying-the-dom: https://codesandbox.io/s/2-use-dom-te... 3-re ndering-and-testing-with-react-testing-library https://codesandbox.io/s/3-rendering-... 4-simulating-user-interaction https://codesandbox.io/s/4-simulating... 5-testing-async-code https://codesandbox.io/s/5-testing-as... Сегменты: 0:00 - Введение и повестка дня 2:23 - Что такое тест React? 3:53 - Зачем писать тесты? 4:13 - Документация 5:17 - Последовательность 6:10 - Комфорт и уверенность в тестировании 7:29 - Производительность 8:16 - Типы тестов 10:14 - Тесты компонентов React 12:36 - Тест Jest 15:10 - Начало пошагового руководства 18:53 - Рендеринг компонентов для тестирования 23:54 - Использование библиотеки DOM Testing для запросов к DOM 31:14 - Рендеринг и тестирование с помощью библиотеки React Testing 35:11 - Имитация взаимодействия с пользователем 41:45 - Тестирование асинхронного кода 49:00 - Дополнительные ресурсы для изучения ================================ Заинтересованы в сотрудничестве с Headway? ================================ Запишитесь на бесплатную частную консультацию, где мы выслушаем ваши проблемы, определим возможности для вашего бизнеса и покажем, как уникальный подход Headway и проверенные стратегии могут помочь вам достичь ваших целей. Запланируйте бесплатную консультацию: https://headway.io/free-consultation =============================== 👋 Что такое ReactJS Green Bay? ReactJS Green Bay — это ежемесячная серия статей для фронтенд-разработчиков, использующих React и JavaScript для создания продуктов. Узнайте о новых инструментах, улучшенных рабочих процессах и обсудите идеи с растущим сообществом! 🎟 Предстоящие события https://bit.ly/react-js-events 📺 Записи прошедших событий https://bit.ly/react-js-recordings 🎙Слушайте наши подкасты: 🌊Seaworthy — подкаст о создании успешного программного обеспечения http://bit.ly/swthy-pdcst ⚓️Even-Keeled — искусство создания программного обеспечения и эффективных команд разработчиков http://bit.ly/even-keeled-podcast Свяжитесь с нами: 🌅 Instagram   / headwayio   🐦 Twitter   / headwayio   ➡️LinkedIn https://bit.ly/follow-headway-linkedin