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 нет.