THREADQA
    THREADQA
    Главная
    Курсы
    Java QA Automation
    Selenium, JUnit, TestNG, CI/CD
    Python QA Automation
    Pytest, Playwright, Docker
    iOS QA Automation
    XCTest, XCUITest, Fastlane
    Все курсы
    Практика
    Мок собеседование
    Тренировка перед реальным интервью
    Записи собеседований
    Разбор реальных собеседований
    Буткемп
    Интенсивная подготовка к работе
    XPath Practice Hub
    Тренажёр XPath-запросов
    Roadmap
    Путь QA-инженера
    XPath Dinner
    Практика XPath в игровом формате
    Блог
    FAQ
    Для компаний
    1. Домой
    2. Тренажер XPath
    3. Базовые элементы
    Базовый уровень
    Формы и кнопки

    Базовые элементыдля практики XPath

    Практикуйте XPath и CSS селекторы на стандартных UI элементах: формах, кнопках, чекбоксах, инпутах. Наведите на иконку подсказки рядом с элементом, чтобы увидеть готовые локаторы.

    Назад к тренажеруПродвинутые сценарии
    Presentation

    Презентация XPath

    Интерактивные слайды с основами синтаксиса XPath

    Введение в XPath

    Язык навигации по DOM-дереву

    Начальный
    1/11
    ОсновыXML/HTML

    Теория

    XPath (XML Path Language) — стандарт W3C для навигации по XML и HTML документам. Это мощный декларативный язык, позволяющий точно описать путь к любому элементу или группе элементов в структуре страницы.

    • Стандарт W3C, поддерживается всеми браузерами
    • Работает с XML, HTML, SVG документами
    • Используется в Selenium, Playwright, DevTools
    • Поддерживает навигацию вверх по дереву DOM

    Пример

    Первый XPath запрос
    XPath
    1//div[@id='app']→ div с id='app'
    2//h1→ все заголовки h1
    3/html/body/main→ абсолютный путь
    4//*[@class='container']→ любой элемент с классом

    Совет

    Проверяйте XPath прямо в DevTools: нажмите Ctrl+F в панели Elements и введите выражение.

    Начало9% пройденоКонец

    Используйте ← / → для навигации по слайдам

    Basic Elements

    Базовые элементы форм

    Текстовые поля, email, пароль, textarea, select, чекбоксы и радиокнопки

    Секции

    Элементы форм

    input · textarea · select · checkbox · radio

    Checkbox / Radio

    Интерактивные элементы

    button · alert · modal · toast · link

    Кнопки

    Уведомление

    Модальное окно

    Toast уведомления

    Ссылки

    Внешняя ссылкаtarget=_blank
    Якорная ссылка#anchor

    Совет

    Атрибут data-testid — самый надёжный локатор. Он не зависит от стилей и структуры DOM.

    Справочная информация

    xpath · css · best practices · automation

    Базовые элементы — это фундамент UI тестирования. Здесь вы найдёте текстовые поля, email-инпуты, пароли, textarea, выпадающие списки, чекбоксы и радиокнопки — всё то, с чем вы встретитесь в любом реальном проекте.

    Каждый элемент снабжён иконкой подсказки с готовыми XPath и CSS локаторами. Скопируйте их и проверьте в DevTools браузера (F12 → Console → $x("//ваш/xpath")).

    После освоения базовых элементов переходите к продвинутым сценариям — таблицам, e-commerce компонентам и мультишаговым формам.

    THREADQAПлатформа QA Automation

    О платформе

    Обучаем автоматизации тестирования на Java, Python и iOS. Курсы, мок-интервью, буткемп с менторством до оффера.

    Онлайн 24/7

    Курсы

    • Java QA Automation
    • Python QA Automation
    • iOS QA Automation
    • Про ThreadQA

    Услуги

    • QA Буткемп
    • Мок-собеседования
    • Записи собеседований

    Инструменты

    • Roadmap QA
    • Тренажёр XPath
    • XPath Diner

    Контакты

    • Email
      info@threadqa.ru
    • Telegram
      @penolegrus
    Публичная офертаПолитика конфиденциальностиУсловия использования
    © 2026·ThreadQA LMS·Все права защищены