End to End Testing c 30DaysOfPlaywright

День 0. Учимся e2e-тестированию с Playwright | #30DaysOfPlaywright
День 1. Начало работы с Playwright (Часть 1)

Этот цикл статей изначально задумывался как челлендж на 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, изучим инструменты и примеры, которые позволят использовать весь функционал фреймворка в контексте реального тестирования.

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

И не забывайте подписываться на @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;
изучить параметры командной строки.

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