Найди элемент в DOM — напиши локатор — кликни
Тренажёр локаторов для автоматизаторов: открываешь DevTools браузера (Elements), смотришь учебную сцену PomidorQA, пишешь CSS, XPath или Playwright API (`getByRole`, `filter`, `nth`).
Как работает
- 1
Открой DevTools браузера
F12 → Elements: инспектируй учебную сцену на странице, как на реальном сайте
- 2
Напиши локатор
getByRole, getByTestId, CSS, XPath, .filter(), .nth() — любой уникальный на цель
- 3
Жми 🍅 Проверить
Если локатор точный — элемент кликается и миссия засчитана
Это не живой `/pomidorqa` и не полный Playwright runtime — учебные мини-сцены и парсер локаторов в браузере. Для кода тестов смотри также Playwright-тренажёр.
Миссии
Логотип PomidorQA
Найди логотип 🍅 PomidorQA и «кликни» его локатором
Кнопка «Войти»
Найди кнопку входа через getByRole
Фильтр «Навык»
Найди поле фильтра навыка через getByLabel
Поиск в каталоге
Найди строку поиска по placeholder
Имя в карточке
Найди заголовок «Анна Котова» через getByText
Карточка по testid
Кликни «Записаться» у Анны через getByTestId
Чип навыка CSS
Найди чип Playwright через CSS-атрибут
XPath внутри карточки
Через XPath найди «Записаться» у Бориса
Вторая «Записаться»
Среди трёх одинаковых кнопок кликни вторую через .nth()
filter по карточке Анны
Выбери кнопку Анны через .filter({ hasText })
Хрупкий vs устойчивый
Кликни устойчивую кнопку, не декоративный decoy
Нужный слот времени
Среди одинаковых слотов выбери 14:30