Action-тренажёр · Playwright

Найди элемент — выполни action — проверь результат

Полигон Act для автоматизаторов: click, fill, check, selectOption, hover, dragTo, файлы и границы auto-waiting. Локаторы уже знаешь из Locator Lab — здесь учишься действовать.

18 миссий
Intro — click / fill
Easy — forms / keyboard
Medium — hover, files, drag, wait
Hard — оверлей и комбо

Как работает

  1. 1

    Смотри учебную сцену

    Как в Locator Lab: DevTools Elements + видимый UI

  2. 2

    Пиши локатор + action

    getByLabel('Имя').fill('Anna') — несколько шагов с новой строки

  3. 3

    Жми 🍅 Выполнить

    Успех = сцена изменилась так, как требует миссия

Это не полный Playwright runtime — учебный исполнитель actions в браузере. Для живых тестов — репозиторий курса и PomidorQA.

Сначала локаторы? Locator-тренажёр →

Миссии

IntroClick

Обычный click

Кликни кнопку «Сохранить» — статус станет «Сохранено»

~2 мин
EasyClick

Double click

Дважды кликни по «report.pdf» — станет «Открыт»

~2 мин
EasyClick

Правый клик

ПКМ по карточке «Контекст» — появится меню «Удалить»

~2 мин
MediumClick

Click с модификатором

Ctrl/Meta+click по «Баг» и «Фича» — обе карточки выделены

~3 мин
IntroFill

fill — заполнить поле

В поле «Имя» введи Anna

~2 мин
EasyFill

clear — очистить поле

Очисти поле «Город» (сейчас там Москва)

~2 мин
MediumFill

pressSequentially vs fill

В пустой поиск набери qa посимвольно через pressSequentially

~3 мин
EasyKeyboard

press Enter

В поле сообщения нажми Enter — отправится статус «Отправлено»

~2 мин
MediumKeyboard

press Tab

Из поля Email перейди Tab'ом на Пароль (фокус на пароле)

~3 мин
EasyForms

check / uncheck

Включи чекбокс «Согласен с офертой»

~2 мин
EasyForms

Radio через check

Выбери radio «Ментор»

~2 мин
EasyForms

selectOption

В селекте «Уровень» выбери Middle

~2 мин
MediumHover

hover → меню → click

Наведи на «Ещё», дождись меню и кликни «Экспорт»

~3 мин
MediumFiles

setInputFiles

Прикрепи resume.pdf к input[type=file]

~3 мин
MediumDrag

dragTo

Перетащи карточку «Баг» в колонку «Протестировано»

~3 мин
MediumWaiting

Auto-wait: disabled → enabled

Кликни «Продолжить» после того, как она станет enabled (сначала включи чекбокс)

~3 мин
HardWaiting

Перекрыт оверлеем

Закрой модалку и кликни «Подтвердить» на странице

~4 мин
HardКомбо

fill + select + click

Добавь навык: TypeScript + «могу помочь» + кнопка Добавить

~4 мин
Action-тренажёр — действия Playwright на учебных сценах