День 0. Учимся e2e-тестированию с Playwright | #30DaysOfPlaywright День 1. Начало работы с Playwright (Часть 1) Этот цикл статей изначально задумывался как челлендж на 30 дней, проводимый с 1 по 30 декабря. Однако автор не успел подготовить 30 статей, потому они будут выходить постепенно. Весь список оригинальных материалов можно посмотреть тут, а я постараюсь переводить как можно быстрее. В этом месяце было решено изучить тему, которая привлекает лично меня – e2e-тестирование веб-приложений. Я хочу перейти от изучения основных концепций и инструментов к реализации эффективных стратегий кросс-браузерного тестирования в рабочих процессах разработки веб-приложений. Планирую сделать это с помощью Playwright. Присоединяйтесь к #30DaysOfPlaywright. Давайте изучим инструменты, API и лучшие практики, по одному сценарию тестирования за раз! Playwright – это open source фреймворк для  web-тестирования и автоматизации. Он позволяет осуществлять кросс-браузерное тестирование и web-автоматизацию через Chromium, Firefox и WebKit с единым API. Хотите быстро познакомиться с Playwright и его концепциями? Посмотрите 45-минутное «Введение в тестовую программу Playwright» от Андрея Лушникова из команды разработчиков фреймворка. Ключевое преимущество веб-приложений перед платформенным софтом – в их доступности. Пользователи могут получить доступ к приложению, просто перейдя по нужной ссылке (URL) из любого современного браузера на устройствах с различными форм-факторами (мобильное, десктопное, встроенное, ТВ) без дополнительных усилий. Проблема заключается в том, что пользователи ожидают единообразного взаимодействия (пользовательского интерфейса и поведения продукта) на различных  платформах и  устройствах, пренебрегая различиями в их возможностях. Кросс-браузерное тестирование гарантирует, что ваше приложение работает должным образом в любом из современных браузеров. Таким образом, созданный пользовательский интерфейс будет соответствовать ожиданиям пользователей. В рамках тестирования может проверяться производительность, доступность, скорость отклика и целостность данных. Все это на базе любых браузеров и операционных систем. Как разработчики приложений, вы, вероятно, знакомы с написанием и выполнением модульных и интеграционных тестов вручную в рамках ваших рабочих процессов. Но при масштабировании тестовой стратегии становится трудно выполнять прогоны (например, в системе гораздо больше коммитов) или детализацию тестов (требуется проверка на большем количестве браузеров и платформ). Веб-автоматизация или автоматическое тестирование – это процесс использования средств выполнения задач вместе с тестовыми инструментами. Так они задействуются для ускорения выполнения и автоматизации рабочих процессов в соответствии с необходимыми уровнями детализации и частотой тестирования. При этом обеспечивается достаточная надежность и эффективность. Согласно документации, 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, чтобы следить за обновлениями. ✅ Посети перечисленные важные ресурсы. ✅ Посмотри и поставь звезду репозиторию Playwright  ✅ Посмотри Introducing Playwright Test runner ✅ Посмотри What's New In Playwright: v1.17 Лучший способ чему-то научиться – это поработать с  кодом. В следующей статье  блога мы расскажем, как начать работу с Playwright. По итогам импровизированного “занятия” вы должны: установить тестовый раннер Playwright Test; написать  и выполнить свой первый тестовый скрипт; изучить режимы headless и headed для тестирования; изучить основные параметры конфигурации; использовать фундаментальные концепции, такие как assertions, fixtures и test hooks; изучить параметры командной строки. QA Engineer