End to End Тестирование с Google's Puppeteer и Jest

End-to-End тестирование с помощью Puppeteer и Jest позволяет моделировать реальные пользовательские сценарии и гарантировать, что все части веб‑приложения работают согласованно. Этот курс создан для тех, кто хочет научиться автоматизировать поведение пользователя, проверять ключевые UI‑функции и измерять производительность приложения через полноценные E2E‑тесты.

Что вы изучите в этом курсе

Мы шаг за шагом разберём основные инструменты и подходы, необходимые для создания качественных E2E‑проверок, и познакомимся с современными методами имитации действий пользователя в браузере.

Puppeteer: автоматизация браузера

Puppeteer обеспечивает полный контроль над Chrome и Chromium, позволяя:

• открывать страницы и управлять навигацией;
• взаимодействовать с элементами интерфейса;
• эмулировать клики, ввод текста и другие пользовательские действия;
• снимать скриншоты и проверять визуальные изменения.

Jest: надёжные проверки и утверждения

Jest используется для формирования тестовых сценариев и утверждений, что позволяет:

• описать ожидаемое поведение интерфейса;
• структурировать тесты и группировать сценарии;
• получать удобные отчёты о прохождении тестов.

Дополнительные инструменты, повышающие качество тестов

В процессе обучения вы также познакомитесь с:

• faker — для генерации реалистичных тестовых данных;
• pixelmatch — для визуального сравнения интерфейса и отслеживания нежелательных изменений;
• утилитами для анализа производительности и поведения приложения под нагрузкой.

Практическая часть курса

Вы создадите реальные функции приложения и напишете к ним разные типы E2E‑тестов. Мы разберём:

Тестирование пользовательских сценариев

Вы научитесь проверять, как пользователь выполняет ключевые действия — от навигации по страницам до заполнения форм.

Анализ производительности

Мы рассмотрим методы измерения скорости загрузки, рендеринга и реакции интерфейса.

Автоматизация и CI

Будет показано, как интегрировать Puppeteer и Jest в процессы непрерывной интеграции, чтобы тесты запускались автоматически.

Материалы курса

Все исходные файлы и ветки уроков доступны в репозитории:

Исходный код курса на GitHub

Название каждой ветки соответствует уроку, что облегчает навигацию и повторение материала.