Базовые элементыдля практики XPath
Практикуйте XPath и CSS селекторы на стандартных UI элементах: формах, кнопках, чекбоксах, инпутах. Наведите на иконку подсказки рядом с элементом, чтобы увидеть готовые локаторы.
Презентация XPath
Интерактивные слайды с основами синтаксиса XPath
Введение в XPath
Язык навигации по DOM-дереву
Используйте ← / → для навигации по слайдам
Базовые элементы форм
Текстовые поля, email, пароль, textarea, select, чекбоксы и радиокнопки
Элементы форм
input · textarea · select · checkbox · radio
Checkbox / Radio
Интерактивные элементы
button · alert · modal · toast · link
Кнопки
Уведомление
Модальное окно
Toast уведомления
Совет
Атрибут data-testid — самый надёжный локатор. Он не зависит от стилей и структуры DOM.
Справочная информация
xpath · css · best practices · automation
Базовые элементы — это фундамент UI тестирования. Здесь вы найдёте текстовые поля, email-инпуты, пароли, textarea, выпадающие списки, чекбоксы и радиокнопки — всё то, с чем вы встретитесь в любом реальном проекте.
Каждый элемент снабжён иконкой подсказки с готовыми XPath и CSS локаторами. Скопируйте их и проверьте в DevTools браузера (F12 → Console → $x("//ваш/xpath")).
После освоения базовых элементов переходите к продвинутым сценариям — таблицам, e-commerce компонентам и мультишаговым формам.