Учимся e2e-тестированию с Playwright | #30DaysOfPlaywright

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

В этом месяце было решено изучить тему, которая привлекает лично меня – e2e-тестирование веб-приложений. Я хочу перейти от изучения основных концепций и инструментов к реализации эффективных стратегий кросс-браузерного тестирования в рабочих процессах разработки веб-приложений. Планирую сделать это с помощью Playwright.

Присоединяйтесь к #30DaysOfPlaywright. Давайте изучим инструменты, API и лучшие практики, по одному сценарию тестирования за раз!

Что такое Playwright?

Playwright – это open source фреймворк для  web-тестирования и автоматизации. Он позволяет осуществлять кросс-браузерное тестирование и web-автоматизацию через Chromium, Firefox и WebKit с единым API.

Хотите быстро познакомиться с Playwright и его концепциями?

Посмотрите 45-минутное «Введение в тестовую программу Playwright» от Андрея Лушникова из команды разработчиков фреймворка.

Зачем нужно кросс-браузерное тестирование?

Ключевое преимущество веб-приложений перед платформенным софтом – в их доступности. Пользователи могут получить доступ к приложению, просто перейдя по нужной ссылке (URL) из любого современного браузера на устройствах с различными форм-факторами (мобильное, десктопное, встроенное, ТВ) без дополнительных усилий.

Проблема заключается в том, что пользователи ожидают единообразного взаимодействия (пользовательского интерфейса и поведения продукта) на различных  платформах и  устройствах, пренебрегая различиями в их возможностях.

Кросс-браузерное тестирование гарантирует, что ваше приложение работает должным образом в любом из современных браузеров. Таким образом, созданный пользовательский интерфейс будет соответствовать ожиданиям пользователей. В рамках тестирования может проверяться производительность, доступность, скорость отклика и целостность данных. Все это на базе любых браузеров и операционных систем.

Зачем автоматизировать тестирование?

Как разработчики приложений, вы, вероятно, знакомы с написанием и выполнением модульных и интеграционных тестов вручную в рамках ваших рабочих процессов. Но при масштабировании тестовой стратегии становится трудно выполнять прогоны (например, в системе гораздо больше коммитов) или детализацию тестов (требуется проверка на большем количестве браузеров и платформ).

Веб-автоматизация или автоматическое тестирование – это процесс использования средств выполнения задач вместе с тестовыми инструментами. Так они задействуются для ускорения выполнения и автоматизации рабочих процессов в соответствии с необходимыми уровнями детализации и частотой тестирования. При этом обеспечивается достаточная надежность и эффективность.

Почему стоит выбирать Playwright?

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

С точки зрения разработки веб-приложений данный фреймворк имеет много полезных функций которые включают в себя:

• встроенный тестовый раннер (Playwright Test) с обширным API;

• использование Playwright как библиотеки, что позволяет подключать другие тест раннеры;

• поддержку API для JavaScript, TypeScript, Python, Java и .NET;

• использование headless и headed режимов тестирования;

• бинарные файлы для Linux, MacOS и Windows;

• поддержку эмуляции устройств для проверки UX (user experiences) на мобильных устройствах.

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

Важные ресурсы:

• Playwright website - изучите документацию и примеры.

• Репозиторий Playwright - посмотрите исходники и ответы на вопросы (или задайте собственные).

• Playwright Youtube-канал -  регулярное обновление рубрики "Что нового в Playwright?".

• Использование Playwright для автоматизации и тестирования в Microsoft Edge.

И не забывайте подписываться на @playwrightweb в Twitter, чтобы следить за обновлениями.

День 0:  Обзор

• ✅ Посети перечисленные важные ресурсы.

• ✅ Посмотри и поставь звезду репозиторию Playwright 

• ✅ Посмотри Introducing Playwright Test runner

• ✅ Посмотри What's New In Playwright: v1.17

День 1: Начало работы с Playwright

Лучший способ чему-то научиться – это поработать с  кодом. В следующей статье  блога мы расскажем, как начать работу с Playwright. По итогам импровизированного “занятия” вы должны:

• установить тестовый раннер Playwright Test;

• написать  и выполнить свой первый тестовый скрипт;

• изучить режимы headless и headed для тестирования;

• изучить основные параметры конфигурации;

• использовать фундаментальные концепции, такие как assertions, fixtures и test hooks;

• изучить параметры командной строки.