Перейти к содержимому

Мастер UI для веб-автоматизации

Описание

Редактор XPath - встроенный инструмент Puzzle RPA, который упрощает работу с языком запросов XPath.

Чтобы открыть редактор, требуется кликнуть по кнопке, расположенной на блоках из раздела “Веб-автоматизация”:

image_1

Стартовый экран

image_2

Плагин для браузера

Перед началом использования редактора XPATH следует установить Puzzle RPA Plugin.

Инструкция по установке для Google Chrome

  1. Нажмите иконку Google в левом нижнем углу окна редактора XPATH;

    image_3
  2. На открывшейся странице браузера выполните клик по кнопке Установить;

    image_4
  3. Перезагрузите браузер.


Процесс выбора элемента

Нажатие на кнопку Выбрать запускает процесс выбора элемента.

После нажатия на кнопку Выбрать требуется:

  1. Дождаться загрузки инструмента в браузере;

    image_11
  2. Выполнить клик по интересующему элементу на странице браузера.

XPath элемента автоматически отобразится в верхней панели редактора:

image_5

Интерфейс

Редактор также имеет следующие кнопки:

  • Отменить - позволяет отменить изменения узлов и атрибутов;
  • Проверить - позволяет проверить выбранный элемент. При нажатии будет отображена информация о количестве найденных элементах на странице с данным XPath запросом. Клик на кнопку Посмотреть в браузере позволяет выделить элемент на веб-странице.
image_12

Список узлов

В левой части редактора располагается Список узлов. С помощью чекбоксов можно удалять и добавлять узлы из XPath запроса к элементу.

image_13

В верхней части располагаются кнопки:

  • + - добавляет новый пользовательский узел;
  • - позволяет переместить выбранный узел выше;
  • - позволяет переместить выбранный узел ниже;
  • Удалить - позволяет удалить выбранный узел.

Список атрибутов

Кликом можно выбрать определенный узел для его настройки. При этом Список атрибутов и их значения выбранного узла отобразятся в правой части редактора.

С помощью чекбоксов можно удалять атрибуты из узла и добавлять их обратно.

image_14

Кнопки работы с узлами и атрибутами

Над списком атрибутов расположены кнопки работы с атрибутами.

image_15

Они позволяют:

  • Добавить узел;
  • Переместить узел выше;
  • Переместить узел ниже;
  • Удалить узел.

Настройки узла

При нажатии на количество атрибутов узла открывается окно Настройки узла.

image_26

Форма Настройки узла позволяет:

  • Указать переменную в качестве индекса узла;
  • Указать переменную в качестве узла;
  • Использование функции перемещения по оси дерева;
  • Задать имя узла.
image_6

Использование переменной в качестве индекса узла

Редактор Xpath запросов позволяет использовать переменную в качестве индекса узла.

Для этого необходимо:

  • Открыть форму Настройка узла;
  • Установить галочку в чекбоксе Переменная индекса;
  • Из выпадающего списка выбрать переменную;
  • Выполнить клик на кнопку Сохранить.
image_27

Использование переменной в качестве узла

Редактор Xpath запросов позволяет использовать переменную в качестве узла.

Для этого необходимо:

  • Открыть форму Настройка узла;
  • Установить галочку в чекбоксе Переменная узла;
  • Из выпадающего списка выбрать переменную;
  • Выполнить клик на кнопку Сохранить.
image_28

Использование функции перемещения по оси дерева

Редактор Xpath запросов позволяет использовать функцию перемещения по оси дерева.

Для этого необходимо:

  • Открыть форму Настройка узла;
  • Установить галочку в чекбоксе Применить функцию;
  • Из выпадающего списка выбрать функцию;
  • Выполнить клик на кнопку Сохранить.

Доступные функции:

  • ancestor — выбирает всех предков текущего узла (родитель, дед, и т.д.);
  • ancestor-or-self — выбирает предков и сам текущий узел;
  • preceding — выбирает все узлы, расположенные перед текущим узлом (не включая предков);
  • preceding-sibling — выбирает всех предыдущих «соседей» (узлы на том же уровне);
  • following — выбирает все узлы, расположенные после текущего узла (не включая потомков);
  • following-sibling — выбирает всех последующих «соседей» (узлы на том же уровне);
  • descendant — выбирает всех потомков текущего узла (вложенные элементы);
  • descendant-or-self — выбирает всех потомков и сам текущий узел;
  • self — выбирает только текущий узел;
  • child — выбирает прямых потомков (дочерние узлы);
  • parent — выбирает родительский узел.
image_29

Изменение названия узла

Редактор Xpath запросов позволяет изменить название выбранного узла.

Для этого необходимо:

  • Открыть форму Настройка узла;
  • Установить Имя узла в текстовом поле;
  • Выполнить клик на кнопку Сохранить.
image_30

Редактирование атрибутов узла

Редактор XPath - позволяет работать с атрибутами каждого узла Xpath запроса.

Добавление атрибута узла

Для работы с атрибутами узла необходимо выбрать кликом мыши узел из списка узлов в левой части редактора. В правой части редактора отобразится список атрибутов и их значения. Для добавления атрибута и его значения в Xpath выберете его с помощью чебокса.

image_16

Рядом с названием атрибута находится выпадающий список позволяющий выбрать функцию идентификации значения атрибута по тексту.

image_17

Выпадающий список позволяет выбрать:

  • is - значение равно указанному тексту;
  • contains - позволяет найти атрибут по частичному совпадению текста;
  • starts-with - позволяет найти атрибут, начальное значение которого равно указанному тексту;
  • not is - значение не равно указанному тексту;
  • contains-text - значение узла text() содержит указанный текст;
  • starts-with-text - значение узла text() начинается с указанного текста;
  • text-is - значение узла text() равно указанному тексту.

В текстовом поле выбранного узла можно указать используемое текстовое значение.

image_18

Выбор нескольких узлов

В выбранном узле можно использовать несколько атрибутов с помощью чекбоксов.

Связать атрибуты в Xpath запросе можно с помощью логических функций and и or.

image_8

Настройки узла

При нажатии на кнопку Редактировать позволяет открыть окно дополнительных настроек выбранного атрибута.

image_19

При клике открывается окно позволяющее:

  • Использовать переменную в значении атрибута;
  • Добавить скобки;
  • Изменить название атрибута.
image_20

Использование переменной в качестве значения узла

Для выбора переменной в качестве значения необходимо:

  • Открыть форму Настройка атрибута;
  • Установить галочку в чекбоксе Переменная атрибута;
  • Выбрать переменную из выпадающего списка;
  • Выполнить клик на кнопку Сохранить.
image_21

Группировка выражений

Редактор Xpath запросов позволяет группировать выражения с помощью использования скобок.

Для этого необходимо:

  • Открыть форму Настройка атрибута;
  • Установить галочку в чекбоксе Добавить в скобки;
  • Выполнить клик на кнопку Сохранить.
image_23

Изменение названия атрибута

Редактор Xpath запросов позволяет изменить название выбранного атрибута.

Для этого необходимо:

  • Открыть форму Настройка атрибута;
  • Установить Имя атрибута в текстовом поле;
  • Выполнить клик на кнопку Сохранить.
image_25

Сохранение выбранного элемента

Для сохранения изменений необходимо выполнить клик по кнопке Сохранить в нижней правой части редактора.

image_31

Скопировать полученный путь

Если требуется Скопировать полученный Xpath запрос, то необходимо нажать на соответствующую кнопку в верхней правой части редактора.

image_32