CSS-селекторы и Xpath-локаторы — шаблоны, которые позволяют выбрать элемент на странице. Активно используются в разработке автотестов: сначала с помощью селекторов мы находим элемент на странице, а потом взаимодействуем с ним (кликает, вводим текст, и т.д.).

В этом курсе мы познакомимся со структурой HTML-страницы и разберемся, как писать селекторы для самых разных элементов. И всё за 2 недели, по неделе на инструмент: неделя на css, неделя на xpath, что позволит пройти его, совмещая с работой.

Мы подробно разберем все возможности инструментов. Посмотрим, как их применять — как на небольших, заранее заготовленных, тестовых HTML-страничках, так и на реальных разлапистых веб-проектах. И закрепим это тестами по пройденному материалу и практическими домашними заданиями.

Курс хорошо подойдет, если:

• вы самоучка в автоматизации, пробуете что-то писать на условном Selenide по статьям в интернете, но тему поиска элементов хочется разобрать подробнее;
• автоматизация есть на работе и её вам показал коллега — писать тесты по аналогии вы умеете, но с селекторами хочется разобраться подробнее;
• вы учились когда-то давно, и эта тема подзабылась / не усвоилась;

Не подойдет, если вы и так уже вовсю автоматизируете и используете селекторы — у нас курс для новичков в этой области.

Программа тренинга

0. HTML и CSS

• Что такое HTML
• Структура HTML
• Теги в HTML
• Атрибуты тегов
• Базовые теги
• Разбор тестовой странички
• Что такое CSS
• Как выглядит файл со стилями
• Структура CSS-документа

Лекции вводные, идут дополнительно к первому занятию

1. CSS-селекторы

• Поиск по элементу
• Поиск по классу
• Поиск по идентификатору
• Поиск по атрибутам
• Комбинаторы в CSS селекторах
• Поиск потомков элемента — непосредственных и любого уровня вложенности
• Поиск соседних элементов
• Группировка найденных элементов
• Объединение селекторов по классам и атрибутам
• Псевдоклассы и псевдоэлементы

2. Xpath-локаторы

• Что такое XPath
• Выбор N-ого элемента в XPath
• Выбор элемента по атрибуту в XPath
• Синтаксис XPath
• Выбор нод (Selecting Nodes)
• Предикаты в XPath
• Оси в Xpath (XPath Axes)
• Поиск потомков элемента — непосредственных и любого уровня вложенности
• Поиск соседних элементов
• Поиск по тексту
• Какие ещё бывают функции
• Плагины для поиска Xpath и CSS-локаторов
• Что лучше: Xpath или CSS?

Вопросы и ответы

Какое время занятий?

Время вы выбираете сами. В системе дистанционного обучения выкладывается видеозапись с лекцией, а потом у вас есть неделя на выполнение заданий. Когда именно его делать — решать вам.

Как я получу фидбэк при online-формате?

Через телеграм, комментарии к домашним заданиям в системе дистанционного обучения.

Пойму ли я материал? 

Курс совмещает все виды обучения: видео-лекции + статьи в доп материалах + практическая работа (услышал, увидел, пощупал). Так что уверена, сможете! А если что-то не получается, можно задать вопрос вчате

Нужно ли что-то знать заранее?

Базовое знание английского (со словарем) будет хорошим подспорьем, чтобы можно было читать любой доп материал. Остальное я все покажу.

Можно ли работать на Mac или Linux?

Ограничений по OS нет