Учить Playwright

Playwright на русском: автотесты для QA и разработчиков

Playwright от Microsoft — современный инструмент для e2e-тестирования веб-приложений. Здесь собрана дорожная карта изучения от JS-основ до сложных сценариев на реальном проекте. Подходит и для manual QA, который хочет перейти в автоматизацию, и для разработчиков, которым нужно покрыть фронтенд тестами.

Почему изучать Playwright

01

Стандарт индустрии 2025–2026

Playwright обогнал Cypress и Selenium по числу новых проектов в 2024–2026. Поддерживается Microsoft, активно развивается, тысячи компаний переезжают со старых стеков. Знание Playwright — это билет в современные команды и в зарубежные вакансии.

02

Поддержка трёх движков

Один и тот же тест работает в Chromium, Firefox и WebKit без переписывания. Это критично для cross-browser проверок: вы пишете сценарий один раз, а Playwright прогоняет его на всех движках параллельно.

03

Auto-waiting и стабильность

Встроенные ожидания убирают flaky-тесты, которые мучают QA годами. Playwright сам ждёт, пока элемент появится, станет видимым и кликабельным — не нужно расставлять sleep и waitForTimeout. Тесты становятся читаемыми и стабильными.

04

Зарплаты QA с автотестами

AQA-инженер с Playwright в России зарабатывает 150–300 тыс ₽, что существенно выше manual QA. Спрос на автоматизаторов растёт быстрее, чем готовых специалистов: вы выходите на рынок с дефицитным навыком и хорошими предложениями.

Курс на JavaScript Academy

74 уроков · ≈ 25 ч

Playwright: автотесты на учебном проекте

Курс из 15 модулей: 10 модулей по основам JavaScript и TypeScript, затем 5 модулей по самому Playwright — от первого теста до конфигурации проекта. С видео-уроками, задачами и A…

Перейти к курсу

Что вы изучите

JS/TS для тестов

Минимально необходимый JavaScript и TypeScript: типы, функции, async/await, импорты. Без воды, только то, что нужно для написания тестов.

Локаторы

getByRole, getByText, getByTestId, getByLabel, getByPlaceholder. Когда какой использовать, как избегать хрупких селекторов и писать тесты, которые не ломаются от верстки.

Действия и ожидания

click, fill, press, hover, drag-and-drop. Auto-waiting и явные expect-ассерты. Работа с iframe, новыми вкладками и диалогами.

Фикстуры и Page Object

Встроенные и пользовательские фикстуры, паттерн Page Object Model. Как структурировать тесты так, чтобы они не превращались в копипасту.

Trace Viewer и debugging

Запись трейсов, шаги тестов, скриншоты, видео, network log. Как находить причину упавшего теста за минуты, а не за часы.

Параллельные запуски

Воркеры, проекты, шардинг, retries. Как запустить 200 тестов за две минуты вместо часа и не уронить CI.

CI-интеграция

GitHub Actions, GitLab CI, отчёты, артефакты, докер-образы. Как настроить автотесты на каждый pull request.

Дорожная карта

  1. 01

    JS и TypeScript

    Базовый синтаксис, переменные, функции, async/await, импорты. Только то, что реально нужно для тестов.

  2. 02

    Установка и первый тест

    Создание проекта, конфиг playwright.config.ts, запуск headless и headed, отладка.

  3. 03

    Локаторы

    getByRole и user-facing локаторы, чейнинг, фильтрация, работа со списками.

  4. 04

    Действия и ожидания

    Полный набор действий, expect-матчеры, soft assertions, кастомные матчеры.

  5. 05

    Фикстуры

    Встроенные фикстуры, кастомные фикстуры, scope, dependency-фикстуры.

  6. 06

    Page Object

    Структурирование тестов, переиспользование, BasePage, антипаттерны.

  7. 07

    Параллелизм и CI

    Воркеры, шардинг, retries, мокирование сети, артефакты, GitHub Actions.

Частые вопросы

Подходит ли курс для manual QA без программирования?
Да. Курс включает модуль JS-основ — ровно столько, сколько нужно для уверенного написания тестов. Если вы делали тест-кейсы, понимаете user flow и хотите перейти в автоматизацию — это правильная точка входа.
Нужно ли знать JavaScript до старта?
Не обязательно, но полезно. В курсе есть отдельный модуль с минимально необходимым JS/TS. Если уже знаете JavaScript — пропустите его и сразу начинайте с Playwright API.
В чём разница между Playwright и Cypress?
Playwright поддерживает все три браузерных движка (Chromium, Firefox, WebKit), Cypress — только Chromium-based. Playwright быстрее в параллельном режиме, лучше работает с мультидоменными сценариями и iframe. Cypress проще для совсем новичков, но Playwright стал индустриальным стандартом 2025–2026.
Сколько времени нужно на курс?
Около 25 часов практики. Это 2–4 недели по часу в день — реалистичный темп без выгорания. К концу курса вы пишете тесты на реальном проекте и понимаете, как настраивать CI.
Будет ли работа с реальным проектом?
Да. В курсе есть учебное приложение, на котором вы пишете тесты. Это не абстрактные «hello world» — реальные user flows: авторизация, формы, списки, навигация. По итогу у вас есть готовый репозиторий для портфолио.
Какая лицензия у Playwright?
Apache 2.0 — полностью бесплатно для коммерческого использования. Никаких подписок и платных тарифов. Microsoft развивает проект как open-source.
Что делать после курса?
Подавать резюме на AQA-позиции, контрибьютить в open-source (PR в популярные проекты ценятся), углубляться в visual regression и API-тесты. Также полезно изучить Docker и CI на более глубоком уровне.

Готовы начать учить Playwright?

Откройте бесплатные модули, решайте задачи в браузере и получайте подсказки AI-наставника. Без оплаты карты.

Открыть курс Playwright