Скачать с ютуб Воркшоп по тестированию компонентов с использованием библиотеки React Testing Library в хорошем качестве

Воркшоп по тестированию компонентов с использованием библиотеки React Testing Library

В этом видео ребята поделятся своим опытом тестирования React-компонентов, расскажут о React Testing Library и рассмотрят подробнее инструменты, которые предлагает библиотека. В этом воркшопе вы узнаете: — Как правильно использовать кверисы RTL и как можно найти тот или иной элемент — Что такое waitFor и waitForElement — Какие существуют маркеры, сигнализирующие о необходимости покрытия компонента тестами — Зачем нужен объект screen — Отличия userEvent от fireEvent — Для чего нужен jest-dom — Нужно ли тестировать верстку — Как правильно использовать моки в компонентах Таймкоды: 00:00 — Вступление 03:04 — Первый кейс: Тестируем отрисовку входных параметров и ищем элементы с помощью getBy 08:17 — Второй кейс: Тестируем пользовательские события и сайд-эффекты 09:31 — Второй кейс: Знакомимся с findBy 13:29 — Второй кейс: userEvent vs fireEvent 17:46 — Третий кейс: Тестирование с waitFor 20:46 — Третий кейс: Ищем несуществующий элемент с queryBy 23:12 — Третий кейс: Ожидание удаления элемента с waitForElementToBeRemoved 24:24 — Четвертый кейс: Тестируем ветвления 26:14 — Зачем нужен объект screen 30:03 — Следуем стандартам RTL c помощью eslint-plugin-testing-library 30:42 — Приоритет использования кверис в RTL 33:57 — Расширение testing-playground и функция logTestingPlaygroundUrl 34:33 — Знакомимся с jest-dom 36:58 — Как тестировать верстку? 40:07 — Как правильно использовать моки в компонентах?