Логотип PomidorQA

Intro~2 мин

Задача

Найди логотип 🍅 PomidorQA и «кликни» его локатором

В DevTools (F12 → Elements) найди ссылку логотипа на учебной шапке и напиши уникальный локатор.

Смотри DOM в DevTools браузера (F12 → Elements) по сцене ниже — не в нашей панели.

Теория

Как ищет

Браузер строит DOM — дерево тегов и атрибутов. Локатор — адрес узла в этом дереве: по атрибуту (data-testid), CSS, роли или тексту. Инспектор Elements показывает реальную разметку страницы.

Когда использовать

Любой автотест начинается с DOM: сначала смотришь элемент глазами в DevTools, потом выбираешь способ адресации. Стабильные атрибуты (testid) надёжнее случайных class из CSS.

Отработать на

PomidorQA
Учебная шапка PomidorQA — инспектируй в DevTools Elements.

Ответ

Логотип PomidorQA — Locator-тренажёр