Stepik Тестирование JavaScript и React приложений
О курсе
Подробнее
В рамках курса мы будем двигаться от простого к сложному: от анатомии юнит тестов до настройки окружения и интеграционных тестов React-приложений.
Выгода от написания тестов:
Тесты доказывают, что код на самом деле работает
Статический анализ качества приложения
Безопасность рефакторинга
Снижение процента багов
Дополнительная документация функциональности
В рамках курса мы изучим тестовые фреймворки Jest и Testing Library, каждая из которых является действующим стандартом на рынке тестовых инструментов.
Мы пошагово разберемся как настроить инструменты тестирования, подружить их с линтерами, npm скриптами и редактором кода. Ну и, конечно, разберем массу особенностей при создании тестов для JavaScript и React приложений.
Требования
Что нужно для старта
- Владение JavaScript
- Базовое знакомство с React
- Желание научиться писать тесты
Результат
Что вы получите
- Основы тестового фреймворка Jest
- Хуки для тестов
- Моки и шпионы для тестов
- Тестирование функционала и ошибок
- Нюансы конфигурации тестов
- Разные режимы запуска тестов
- TDD
- Сбор статистики тестового покрытия и установка пороговых значений
- Кастомные тестовые проверки
- Тестирование React-компонентов
- Тестирование React хуков
- Имитация пользовательских действий с приложением
- Создание кастомных оберток тестирования
- Тестирование SPA приложений
- Лучшие практики при создании тестов
- и многое другое
Аудитория
Для кого этот курс
- Начинающие JavaScript-разработки и действующие разработчики, желающие закрыть пробелы в области тестирования
Содержание
9 занятийПрограмма курса
№ТемаЧто внутри
01Вводный модуль
- Обзор курса
- Зачем нужны тесты
- Виды тестирования
- Инструменты и пререквизит
- AI и тестирование
- Сравнение библиотек для тестирования
- Полезные ссылки
02Основы Jest
- Анонс модуля
- Знакомство с Jest
- Настройка Jest в JavaScript проекте
- Структура юнит-теста
- Варианты проверок
- Вариант структуры множественных тестов
- Параметризованные тесты
- Квиз по основам Jest
- Задание по написанию простых тестов
- Итоги модуля
03Особенности Jest
- Анонс модуля
- Jest алиасы
- Хуки Jest
- Квиз по особенностям Jest
- Кто такие моки
- Базовые моки
- Шпионим за методами
- Моки модулей
- Квиз по мокам
- Тестирование ошибок
- Watch и debug режимы
- Тестовое покрытие
- Итоги модуля
04TDD
- Анонс модуля
- Что такое TDD. Теория
- С чего начать
- Создание тестовых кейсов
- Работа над функционалом
- Изменение требований (рефакторинг)
- Выгода TDD и итоги модуля
05Расширение возможностей
- Анонс модуля
- Использование нескольких конфигов
- Setup файлы
- Глобальные переменные
- Кастомные матчеры
- Снепшот тестирование
06Тестирование React приложений
- Анонс модуля
- Что мы будем тестировать
- Настройка окружения
- Интеграция с линтером
- Базовое тестирование компонента
- Набор матчеров для разметки
- Тестирование пользовательских действий
- Альтернативный подход к действиям пользователя
- Асинхронная обработка действий пользователя
- Тестирование кастомных хуков и метод act
- Фильтрация для coverage
- Интеграционные тесты React компонентов
- Имитация запроса к серверу
- Итоги модуля
07Нюансы тестирования React приложений
- Анонс модуля
- Query функции
- By функции
- Квиз по функциям Testing Library
- Aria роли и как с ними работать
- Помощник по поиску ролей
- Доступность по тексту
- Сужение круга поиска
- Квиз по выборке элементов
- Render функции
- Кастомный render с провайдерами
- Кастомный renderHook с провайдерами
- Предупреждение о нехватке act(...)
- Итоги модуля
08Тестирование SPA приложения
- Анонс модуля
- Тестирование layout компонентов
- Компонент поиска
- Оставшиеся ui компоненты
- Тестирование базовых страниц
- Страница категорий
- Квиз по использованию MemoryRouter
- Главная страница
- Тестирование роутинга
- Итоги модуля
09Итоги курса
- Обзор пройденного и рекомендации
01Вводный модуль
- Обзор курса
- Зачем нужны тесты
- Виды тестирования
- Инструменты и пререквизит
- AI и тестирование
- Сравнение библиотек для тестирования
- Полезные ссылки
02Основы Jest
- Анонс модуля
- Знакомство с Jest
- Настройка Jest в JavaScript проекте
- Структура юнит-теста
- Варианты проверок
- Вариант структуры множественных тестов
- Параметризованные тесты
- Квиз по основам Jest
- Задание по написанию простых тестов
- Итоги модуля
03Особенности Jest
- Анонс модуля
- Jest алиасы
- Хуки Jest
- Квиз по особенностям Jest
- Кто такие моки
- Базовые моки
- Шпионим за методами
- Моки модулей
- Квиз по мокам
- Тестирование ошибок
- Watch и debug режимы
- Тестовое покрытие
- Итоги модуля
04TDD
- Анонс модуля
- Что такое TDD. Теория
- С чего начать
- Создание тестовых кейсов
- Работа над функционалом
- Изменение требований (рефакторинг)
- Выгода TDD и итоги модуля
05Расширение возможностей
- Анонс модуля
- Использование нескольких конфигов
- Setup файлы
- Глобальные переменные
- Кастомные матчеры
- Снепшот тестирование
06Тестирование React приложений
- Анонс модуля
- Что мы будем тестировать
- Настройка окружения
- Интеграция с линтером
- Базовое тестирование компонента
- Набор матчеров для разметки
- Тестирование пользовательских действий
- Альтернативный подход к действиям пользователя
- Асинхронная обработка действий пользователя
- Тестирование кастомных хуков и метод act
- Фильтрация для coverage
- Интеграционные тесты React компонентов
- Имитация запроса к серверу
- Итоги модуля
07Нюансы тестирования React приложений
- Анонс модуля
- Query функции
- By функции
- Квиз по функциям Testing Library
- Aria роли и как с ними работать
- Помощник по поиску ролей
- Доступность по тексту
- Сужение круга поиска
- Квиз по выборке элементов
- Render функции
- Кастомный render с провайдерами
- Кастомный renderHook с провайдерами
- Предупреждение о нехватке act(...)
- Итоги модуля
08Тестирование SPA приложения
- Анонс модуля
- Тестирование layout компонентов
- Компонент поиска
- Оставшиеся ui компоненты
- Тестирование базовых страниц
- Страница категорий
- Квиз по использованию MemoryRouter
- Главная страница
- Тестирование роутинга
- Итоги модуля
09Итоги курса
- Обзор пройденного и рекомендации
Организатор
Автор курса
Мнения учеников
Отзывы о курсе
Оставьте отзыв
Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.
Оставьте заявку
Консультант ответит на вопросы о курсе «Тестирование JavaScript и React приложений» и поможет разобраться в деталях обучения.
Нажимая кнопку, вы даете согласие на обработку персональных данных
Информация обновлена 3 сентября 2026 г.
Продолжить выбор
Похожие курсы
Начать без затрат
