Лекция 19.
Автоматизация с Playwright

Что такое Playwright
Playwright — это современный фреймворк для автоматизации веб-приложений, разработанный компанией Microsoft. Он позволяет писать автоматические тесты для браузеров и проверять работу веб-приложений на различных платформах и устройствах. Playwright поддерживает все основные браузеры: Chromium (Chrome, Edge), Firefox и WebKit (Safari).
Playwright позволяет управлять браузером программно: открывать страницы, взаимодействовать с элементами (клики, ввод текста, наведение мыши), делать скриншоты, тестировать сложные сценарии с несколькими страницами и вкладками, а также работать с мобильными эмуляторами.
Преимущества Playwright
Playwright имеет ряд преимуществ перед другими фреймворками:
  • Мультибраузерность. Один и тот же тест можно запускать на Chrome, Firefox, Safari без изменений.
  • Быстрота и стабильность. Playwright использует современный протокол взаимодействия с браузером, что делает тесты более стабильными и быстрыми.
  • Поддержка сложных сценариев. Тестирование вкладок, iframe, pop-up окон, drag-and-drop, API-запросов и мобильных эмуляций.
  • Подходит для проектов на JavaScript/TypeScript и легко интегрируется с CI/CD.
  • Можно записывать видео тестов, делать скриншоты при ошибках и генерировать отчеты автоматически.

Применение Playwright
Playwright отлично подходит для:
  • Регрессионного тестирования веб-приложений.
  • Тестирования SPA (Single Page Applications).
  • Тестирования сложных пользовательских сценариев.
  • Проверки кросс-браузерной совместимости.
Установка VS Code


1. Зайдите на сайт https://code.visualstudio.com/download

2. Выберите вашу операционную систему (Windows, Mac) и скачайте предложенный инсталятор

3.1. Установка Windows
  • Откройте скачанный .exe файл
  • Нажми Next → Next → Install
  • Важно отметить галочки: Add to PATH и Add "Open with Code"

3.2. Установка macOS
  • Распакуйте инсталятор при необходимости
  • Перетащите VS Code в папку Applications
  • Откройте приложение

Практическое задание

Сайт: http://34.141.58.52:8080/#/login
Цель: Написать автотесты
Рекомендации: При написании автотестов, попробуйте одни и те же элементы на страницы искать через разные локаторы (только в целях тестирования, на реальном проекте такое делателя не надо)
Задание 1 — Успешная регистрация
Напишите тест на проверку следующего тест-кейса:
  1. Открыть страницу http://34.141.58.52:8080/#/register
  2. В поле Login ввести валидные данные
  3. В поле Password ввести валидный пароль
  4. В поле Confirm Password ввести пароль из шага 3
  5. Нажать на кнопку Submit
  6. Проверить, что после регистрации появляется кнопка Quit и текст No records found
Задание 2 — Неверное подтверждение пароля
Напишите тест на проверку следующего тест-кейса:
  1. Открыть страницу http://34.141.58.52:8080/#/register
  2. В поле Login ввести валидные данные
  3. В поле Password ввести валидный пароль
  4. В поле Confirm Password ввести пароль, отличный от поля Password
  5. Нажать на кнопку Submit
  6. Проверить, что отображается сообщение Something went wrong
Задание 3 — Неверное значение в поле Login
Напишите тест на проверку следующего тест-кейса:
  1. Открыть страницу http://34.141.58.52:8080/#/register
  2. В поле Login ввести невалидное значение, например 'test'
  3. В поле Password ввести валидный пароль
  4. В поле Confirm Password ввести пароль из шага 3
  5. Нажать на кнопку Submit
  6. Проверить, что под полем Login отображается сообщение This field is email
Что надо прислать ментору:
  • Ссылку на проект в Git
Отправка домашнего задания
Проверьте, чтобы был открыт доступ на редактирование