Воркшоп по тестированию компонентов с использованием библиотеки 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 — Как правильно использовать моки в компонентах?