Мы используем cookie для стабильной работы сервиса. Подробнее

Тестирование JavaScript и React приложений

ФорматОнлайн
Длительность1.5-2 часа в неделю
Объём9 занятий
По окончанииStepik
О курсе

Подробнее

Вы боитесь трогать чужой код. Любой рефакторинг — это лотерея: проверить, что ничего не сломалось, можно только руками прокликав всё приложение. А на код-ревью прилетает «а где тесты?». Тестирование — та компетенция, которая отделяет разработчика, которому доверяют задачи в продакшене, от того, за кем всё перепроверяют. Этот курс проводит вас от первого expect до полностью покрытого тестами React-приложения с роутингом и запросами к серверу. После курса вы сможете настроить Jest и Testing Library в проекте с нуля, подружив их с линтером, npm-скриптами и редактором; писать юнит-тесты, которые ловят реальные баги, а не просто набивают процент покрытия; мокать модули, функции и запросы к серверу и понимать, когда мок оправдан, а когда он превращает тест в фикцию; работать по TDD: от тестовых кейсов к коду и к рефакторингу при изменении требований; тестировать React-компоненты, пользовательские действия, асинхронщину и кастомные хуки; покрыть тестами полноценное SPA — layout, страницы, поиск, роутинг; заходить в легаси-проект и начинать покрывать его тестами, не переписывая всё заново. Что внутри Jest от основ до тонкостей. Установка и настройка, анатомия юнит-теста, все виды проверок, параметризованные тесты, хуки, алиасы. Отдельно — большой блок про моки: базовые моки, шпионы за методами, моки модулей, тестирование ошибок. Watch- и debug-режимы, тестовое покрытие. TDD. Целый модуль о том, как писать тест до кода: с чего начинать, как составлять тестовые кейсы, как вести разработку от красного к зелёному и что делать, когда требования меняются. Продвинутая настройка. Несколько конфигов, setup-файлы, глобальные переменные, кастомные матчеры, снепшот-тестирование. React и Testing Library. Настройка окружения и интеграция с линтером, матчеры для разметки, тестирование действий пользователя (включая асинхронные), кастомные хуки и act, интеграционные тесты компонентов, имитация запросов к серверу. Нюансы, из-за которых обычно всё и ломается. Query- и By-функции, aria-роли и доступность, сужение круга поиска, кастомный render и renderHook с провайдерами, предупреждение о нехватке act(...). Тестирование реального SPA. Финальный модуль, где мы покрываем тестами настоящее приложение: layout-компоненты, поиск, ui-компоненты, страницы, категории, главная, роутинг через MemoryRouter. Отдельный урок — про ИИ и тестирование Тесты — та часть кодовой базы, которую ИИ пишет охотнее всего и хуже всего. Он легко нагенерирует сотню зелёных тестов, которые не проверяют ничего. Разбираем, где ИИ реально экономит время, а где создаёт иллюзию покрытия — и что нужно понимать самому, чтобы отличить одно от другого. Что говорят студенты «Долго не мог найти достойного курса по Jest, и тут волей судьбы встречаю одного из своих любимых frontend-блогеров. Отличный курс, всем советую, оправдывает свою стоимость». «Курс приобрёл, поскольку при переходе на новую работу почувствовал сильные пробелы в области unit и интеграционного тестирования. К концу курса получил всё необходимое, информация подана максимально понятно, и теперь уже нет сложностей с написанием тестов». «Я многому научилась на этом курсе! Научилась писать тесты. Написала на работе тесты. Курс 12 из 10». «Кроме инструментов тестирования, понравилось, что затрагивались моменты по поводу работы с легаси-кодом, советы из практики — потому что этого не хватает в большинстве курсов». «Классный курс, самый лучший на ру-сегменте». Кому подойдёт Действующим JavaScript- и React-разработчикам, у которых тестирование — белое пятно. Тем, кто выходит на новую работу, где покрытие тестами обязательно. Тем, кто уже пробовал писать тесты, но получал хрупкие тесты, падающие от любой правки вёрстки. Что нужно знать заранее Уверенное владение JavaScript и базовое знакомство с React. Опыт тестирования не нужен — начинаем с нуля. Чего в курсе нет — честно, чтобы не было завышенных ожиданий: e2e и скриншотного тестирования (Playwright, Cypress) — курс про юнит- и интеграционные тесты; примеры на JavaScript, не на TypeScript; это курс-объяснение с квизами и заданием, а не тренажёр с десятками упражнений: основной формат — разбор практических примеров, которые вы повторяете на своём проекте. 82 урока в 9 модулях, квизы для самопроверки, все ссылки на документацию и вспомогательные инструменты собраны внутри. Доступ к курсу остаётся навсегда.
Требования

Что нужно для старта

  • Владение 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Итоги курса

- Обзор пройденного и рекомендации

Документ после выпуска

Stepik

Организатор

Автор курса

StepikStepik
Stepik — образовательная платформа и конструктор онлайн-курсов. Мы разрабатываем алгоритмы адаптивного обучения, сотрудничаем с авторами MOOC, помогаем в проведении олимпиад и программ переподготовки. Наша цель — сделать образование открытым и удобным. Stepik — широко известная российская образовательная платформа, основанная в 2013 году. На Stepik зарегистрировано более миллиона пользователей из России и стран СНГ. В настоящее время на Stepik представлены несколько тысяч учебных курсов на самые разные темы.
Подробнее об авторе
Мнения учеников

Отзывы о курсе

Оставьте отзыв

Расскажите о качестве обучения, поддержке и результате. Это поможет другим выбрать организацию осознанно.

Напишите ваш коментарий, не менее 30 символов

Нажимая кнопку, вы даете согласие на обработку персональных данных

Оставьте заявку

Консультант ответит на вопросы о курсе «Тестирование JavaScript и React приложений» и поможет разобраться в деталях обучения.

Комментарий ...

Нажимая кнопку, вы даете согласие на обработку персональных данных

Информация обновлена 21 сентября 2026 г.

Продолжить выбор

Похожие курсы

Основы автоматизированного тестирования + ИИ-инструменты
−10%5 октября
Основы автоматизированного тестирования + ИИ-инструменты

Курс по автоматизации тестирования для повышения эффективности и качества тестирования ПО. Курс "Основы автоматизированного тестирования" предназначен для специалистов в области I…

Онлайн8 занятийСредний
Практические занятия
12 000 ₽−10%
10 800 ₽
Тестирование ПО: Нагрузочное тестирование с помощью Jmeter
от 5 часов в неделю
Тестирование ПО: Нагрузочное тестирование с помощью Jmeter

ВНИМАНИЕ!!! В данном курсе абсолютно НЕТ ВОДЫ и ненужной информации. Если Вы любите бесполезные, скучные и нудные видео от которых хочется спать — то Вам не подойдет данный курс.…

Онлайн8 занятий
3 299 ₽
Программа: Твой JavaScript
Программа: Твой JavaScript

Цель курса - дать вам исчерпывающее понимание JavaScript. Мы не обещаем сделать из вас сеньора за две недели, это сказки. Наша задача - предоставить самую подробную и глубокую баз…

Онлайн21 занятий
4 250 ₽
Разработка на Angular
−10%30 ноября
Разработка на Angular

Освойте промышленную разработку на Angular: создавайте динамические веб-приложения с нуля. Изучите TypeScript, компоненты, шаблоны, пайпы, сервисы, маршрутизацию и сложные формы.…

Онлайн13 занятийСредний
42 900 ₽−10%
38 610 ₽
Node js для Front End
4 месяца
Node js для Front End

Backend разработка на Node.js: Express.js, NestJS фреймворки. Работа с базами данных PostgreSQL, MongoDB. Создание REST API, аутентификация и авторизация. WebSockets для реального…

ОнлайнСредний
100 000 ₽от 5 555 ₽/мес на 18 мес.
Charles Proxy — Анализ сетевого трафика
Charles Proxy — Анализ сетевого трафика

Цели курса Научить глубоко понимать взаимодействие клиент-серверной архитектуры через призму HTTP и сетевого трафика. Разобрать и освоить основные и продвинутые инструменты Charle…

Онлайн7 занятий
2 390 ₽
Начать без затрат

Бесплатные курсы

Zustand - Подробный курс от 0 до ПРОФИ | 2025
Бесплатно48 академических часов
Zustand - Подробный курс от 0 до ПРОФИ | 2025

Вы получите возможность узнать все о Zustand, одной из самых популярных библиотек для управления состоянием в React-приложениях, которая сделает вашу разработку более эффективной…

Онлайн1 занятий
Видеоуроки
Бесплатно
Инструкция по работе с VK Mini Apps
Бесплатно2 академических часов
Инструкция по работе с VK Mini Apps

Описание: VK Mini Apps - это маркетплейс приложений в VK, куда можете заливать свои уже готовые сайты с небольшой адаптацией. Смысл в том, что там есть трафик и пользователи. При…

Онлайн1 занятий
Видеоуроки
Бесплатно
JavaScript для продолжающих: Взгляд изнутри за 60 минут
Бесплатно25 академических часов
JavaScript для продолжающих: Взгляд изнутри за 60 минут

В этом видео мы предлагаем вам быстрый курс по JavaScript всего за 1 час! Если вы начинающий программист или хотите освежить свои знания, этот интенсивный урок поможет вам быстро…

Онлайн1 занятий
Видеоуроки
Бесплатно
Тестирование ПО с нуля. Тесты
Бесплатно
Тестирование ПО с нуля. Тесты

Тесты для проверки знаний и оценки точек для роста перед собеседованием на позицию "младший тестировщик программного обеспечения". Они являются отличным дополнением к курсу "Тести…

Онлайн3 занятий
Бесплатно