qalight
Центр подготовки
IT специалистов

База знаний

Теория по X-Path локаторам

Пример локатора —> .//button[text()=’LogIn’]

 

Локатор состоит из таких элементов

  • TagName: button, input, h1;
  • / — разделитель;
  • // — запрос: выбери мне все элементы;
  • * — запрос: выбери мне любой элемент;
  • p — параграф, элемент в который вписан текст;
  • a — ссылки на странице;
  • h1 — заголовки h1 (аналогично с h2,h3 и т.д.);
  • . — означает начало локатора;
  • .. — означает обращение к родительскому элементу, когда мы хотим выйти на уровень выше, к родительской папке например.

Атрибуты внутри тега, нашего элемента:

  • @id;
  • @name;
  • @class и др.

Фильтры нашего элемента:

  • //a[text()=’some value’] приравнивается запросу: найди нам все ссылки (a) с текстом ’some value’;
  • //*[a and b] приравнивается запросу: найди мне все элементы, которые содержат элемент a и b. Еще поддерживается оператор OR.

Функции:

  • count() — считает количество элементов по данному локатору;
  • text() — делает фильтрацию по точному вхождению текста, включая пробелы;
  • contains () — аналогично фильтрует элементы, но уже по неточному вхождению (в SQL = like());
  • position() — указывает позицию элемента в структуре, но данную функцию нежелательно использовать, т.к. позиция элемента может меняться.

 

Для работы мы с вами будем использовать Chrom —> Developer Tools —> Elements. 

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

С помощью стрелочки (слева вверху в DevTools) можно просмотреть html код всех элементов находящихся на странице. Чтобы писать локаторы мы должны нажать Ctrl + F.