Playwright TypeScript GIM

Учись писать тесты на практике

Интерактивный тренажёр: пишешь TypeScript-код в редакторе, видишь результат в браузере справа. Каждая миссия — реальный сценарий из работы автотестировщика.

20 миссий
Intro — знакомство
Easy — базовые приёмы
Medium — реальные кейсы
Hard — комплексные сценарии

Как работает

  1. 1

    Читай задание

    Описание + стартовый код — слева в редакторе

  2. 2

    Пиши TypeScript

    Playwright API: getByRole, fill, click, expect...

  3. 3

    Проверяй результат

    Браузер справа реагирует на твой код в реальном времени

🎯

Locators

6 миссий
Intro

Первый клик

~1 мин
Easy

getByRole — кнопка

~2 мин
Easy

getByLabel — форма

~2 мин
Easy

getByPlaceholder — поиск

~2 мин
Medium

filter() — найди товар со скидкой

~3 мин
Medium

nth(), first(), last()

~3 мин
✅

Assertions

4 миссий
Easy

toBeVisible — проверь видимость

~2 мин
Easy

toHaveText vs toContainText

~3 мин
Medium

toHaveCount — количество элементов

~3 мин
Medium

toBeEnabled / toBeDisabled

~4 мин
⚡

Actions

5 миссий
Easy

Заполни форму

~3 мин
Medium

selectOption — dropdown

~3 мин
Medium

check / uncheck — чекбоксы

~3 мин
Medium

hover() — tooltip

~3 мин
Medium

press() — клавиатурные события

~3 мин
🔗

Multi-step

5 миссий
Medium

Регистрация — полный флоу

~5 мин
Medium

Добавь товар, проверь корзину

~5 мин
Medium

Промокод — apply + validate

~5 мин
Hard

Валидация формы — ошибки → успех

~6 мин
Hard

Фильтр уведомлений + прочитать

~6 мин
Playwright-тренажёр — TypeScript на практике