Skip to content

React Testing Library and Jest - The Complete Guide

  • 01. Первые шаги

001 - Введение
002 - Начнём тестировать... Прямо сейчас!
003 - Несколько важных вопросов
  • 02. Введение в тестирование

004 - Настройка проекта
005 - Добавление формы
006 - Обработка пользовательского ввода
007 - Рендеринг списка пользователей
008 - Наш первый тест
009 - Система запросов элементов
010 - ARIA-роли
011 - Jest-матчеры
012 - Имитация действий пользователя
013 - Запись вызовов функций
014 - Знакомство с mock-функциями
015 - Поиск элементов по меткам
016 - Тестирование UserList
017 - Помощь с query-функциями
018 - Альтернативные query-методы
019 - Ещё один запасной вариант
020 - Тестирование содержимого таблицы
021 - Избегаем BeforeEach
022 - Тестирование всего приложения
023 - Немного TDD (Test Driven Development)
024 - Реализация фичи
  • 03. Роли элементов

025 - Знакомство с RTL Book
026 - Заметки в RTL Book
027 - Частичный список ролей
028 - Поиск элементов по роли
029 - Поиск по доступным именам
030 - Связывание полей ввода с метками
031 - Прямое назначение доступного имени
  • 04. Поиск элементов с помощью Query-функций

032 - Погружение в Query-функции
033 - GetBy, QueryBy, FindBy
034 - Подробнее о единичных запросах
035 - Варианты для множества элементов
036 - Когда использовать эти запросы
037 - Когда использовать асинхронные запросы
  • 05. Суффиксы Query-функций

038 - Критерии запросов
039 - Когда использовать каждый суффикс
  • 06. Матчеры в Jest

040 - Погружение в матчеры
041 - Знакомство с кастомными матчерами
042 - Реализация кастомного матчера
  • 07. Обзор большого проекта

043 - Введение и настройка приложения
044 - Технологии проекта
045 - План работы
046 - Процесс отладки
047 - Данные поступающие в компонент
048 - Разработка теста
049 - Циклические проверки
050 - Гибкие запросы
  • 08. Таинственная функция Act

051 - Ещё один баг!
052 - Снова анализируем данные...
053 - Добавляем контекст роутера
054 - Неожиданные обновления состояния
055 - Act в составе React Testing Library
056 - Использование Act (надеюсь, не понадобится!) с RTL
057 - Решаем проблему с предупреждением Act
058 - Моки модулей
059 - Крайнее решение для Act
060 - Проверяем href ссылки
061 - Добавляем функционал
062 - Проверяем иконку
063 - Проверяем ссылку
  • 09. Тестирование загрузки данных

064 - Простое исправление, сложный тест
065 - Варианты тестирования загрузки
066 - Использование обработчика запросов
067 - Настройка MSW
068 - Проверка состояния компонента
069 - Эффективное тестирование запросов
070 - Проблема с фейковыми обработчиками
071 - Упрощенные фейковые маршруты
072 - Создание переиспользуемой функции createServer
  • 10. Тестирование аутентификации

073 - Основы тестирования auth
074 - Изучение Auth API
075 - Порядок выполнения
076 - Область видимости тестовых хуков
077 - Снова предупреждения Act!
078 - Проверка auth-ссылок
079 - Стоп... Это не работает!
080 - Ограничение выполнения тестов
081 - Использование дебаггера в тестах
082 - Пример отладки тестов
083 - Последняя подсказка по отладке
084 - Проблема в кэшировании!
085 - Решение проблемы кэширования