Zone 01 // Текстовые поля — все типы input
42
Москва
Санкт-Петербург
Екатеринбург
Новосибирск
Zone 02 // Select, Checkbox, Radio, Toggle
Чекбоксы
Radio-группа
Toggle switches
Zone 03 // Кнопки всех мастей
0 ← Счётчик с data-testid на кнопках
Zone 04 // Shadow DOM — open mode

// Shadow root в режиме open — доступен через element.shadowRoot

shadow-root (open)
Zone 05 // Shadow DOM — closed mode

// Shadow root в режиме closed — element.shadowRoot === null. Нужен JS-перехват.

shadow-root (closed)
Zone 06 // Canvas — попади в кнопку

// Нарисованная на canvas кнопка. Кнопка каждый раз в случайном месте. Нужно найти координаты и кликнуть.

// Кликните по кнопке на canvas
Zone 07 // iframe — вложенный документ

// В iframe живёт отдельный document. Адрес в ZP: GetDocumentByAddress("0") — основной, "1" — первый iframe.

Zone 08 // Динамический DOM

// Элементы появляются после действий или с задержкой. WaitDownloading тут не поможет.

// Здесь появятся динамические элементы
✓ Элемент появился через 2 секунды — id="delayed-element"
Бесконечный список (scroll)
Элемент #1
Элемент #2
Элемент #3
Элемент #4
Элемент #5
Табы (контент появляется при клике)
Контент вкладки Alpha. id="tab-a"
✓ Вы добрались до вкладки Gamma!
Zone 09 // Хитрые элементы — ловушки
Скрытые в DOM элементы
↑ Три поля выше скрыты по-разному. Проверь IsVoid и IsVisible для каждого.
Перекрытые элементы
Перекрывающий слой
Drag & Drop
Item A Item B Item C
Перетащи сюда
contenteditable (не input!)
Этот текст можно редактировать напрямую в div
// dialog элемент

Нативный HTML <dialog>. Закрывается через .close() или Escape.
Дерево (вложенные details)
Раздел A
Пункт A-1
Пункт A-2
Подраздел A-3
Пункт A-3-1
Пункт A-3-2
Раздел B
Пункт B-1
Пагинация
Zone 10 // Прочие HTML-элементы
Информация — alert-info
Успех — alert-success
Предупреждение
Ошибка — alert-error
progress & meter
Статус-индикаторы
Online Offline Pending
automation zenno error info 42 !
# Имя Статус Действие
1 Алиса active удалить
2 Боб banned удалить
3 Виктор pending удалить
details/summary
Скрытый раздел 1 — кликни чтобы раскрыть
Раздел 2 — открыт по умолчанию (open)
Контент видимый сразу.

Обычный жирный курсив подчёркнутый зачёркнутый выделенный inline code ZP hover me

Это blockquote — цитата. Иногда важный текст живёт здесь. 
// Блок кода
var doc = instance.ActiveTab.MainDocument;
var el = doc.FindElementById("input-text");
data-testid
Атрибут для тестирования — часто используется в React/Vue приложениях
aria-label
Описание элемента для скринридеров
img
Placeholder image
video (без источника)
ARIA-атрибуты (частые на SPA)
div[role=button] — не кнопка, но кликабелен
ul
  • Первый
  • Второй
  • Третий
ol
  1. Шаг один
  2. Шаг два
  3. Шаг три
scroll-x
Горизонтальный скролл →    item-1 · item-2 · item-3 · item-4 · item-5 · item-6 · item-7 · item-8
Zone 11 // Лог событий (события на странице)
// Лог пуст — взаимодействуй с элементами