Работа с элементами

Работа с компонентами обработки элементов в Afina

Компоненты «Обработка элементов» — центральный хаб селекторной логики Afina. Это то место, где каждый поиск элемента, чтение атрибута, валидация и сохранение результата находят свой дом внутри скриптов автоматизации. Пользователь получает удобный опыт точного нацеливания на элементы через CSS-селекторы или XPath, сохранения их в переменные, проверки состояния, а также извлечения атрибутов по необходимости. Кроме того, набор отвечает за надёжное управление методами выбора, порядком элементов, индексами, целевыми переменными, описаниями и данными элементов, привязанными к каждому шагу.

Когда компоненты элементов загружены в скрипт, на канвасе виден весь поток. Главное удобство: можно отслеживать каждый поиск, за секунды находить нужный компонент по соответствующей метке и запускать действия с элементами сразу для множества сценариев в один клик.

Преимущества компонентов обработки элементов

В группе «Обработка элементов» доступен широкий набор методов выбора под любую бизнес-задачу.
Пользователи настраивают каждый поиск через нужные селекторы и сохранённые переменные.
Сценарии автоматизации без труда обращаются к результату через ссылку на сохранённую переменную.
Компоненты поддерживают как одиночный выбор элемента, так и полноценные мультиэлементные пайплайны в любой момент.
Любой пользователь получает удобный опыт построения селекторной логики с уникальной конфигурацией.

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

Поиск элемента

Использовать компонент «Element» в Afina есть масса причин. Во-первых, он обеспечивает отличную скорость при настройке свежих селекторов. Во-вторых, можно опереться на надёжность заранее подготовленных данных CSS или XPath. Компонент отлично подходит для настройки рабочего окружения, развёртывания большого пакета поисков элементов сразу или восстановления известного рабочего селекторного потока после изменений в рабочем процессе.

Кроме того, выпадающий список Selection method в верхней части панели компонента даёт бесперебойный доступ к вариантам поиска. Пользователь выбирает Selector для CSS или XPath для XPath-выражений и указывает на соответствующее значение. Остальное платформа берёт на себя.

Более того, компонент поддерживает связанный поток Insert component. Так что пользователь может подтянуть селектор прямо со страницы, если настроен переключатель автозахвата. После завершения поиска только что найденный элемент оседает в хранилище переменных и сразу готов к запуску, настройке и использованию в скриптах.

Валидация и чтение атрибутов

Под разные бизнес-задачи доступны разные сценарии валидации. Пользователь может закидывать одну проверку за раз или сцеплять стек валидаций в одном рабочем процессе. Для обычных проверок достаточно отметить нужное значение Element order: Fixed для фиксированного индекса, случайного выбора или выбора через переменную. Сама массовая опция находится в панели компонента в верхней части редактора скрипта.

Перед тем как валидация сработает, пользователю стоит убедиться, что целевой элемент больше не задействован в активной задаче, скрипте или текущем рабочем процессе. Причина простая: операция валидации утаскивает связанные ссылки в скриптах, задачи, состояние страницы и историю работы вместе с результатом. Так что незапланированная валидация может стоить лишних потерь.

С другой стороны, полная замена селектора — не всегда правильный шаг. Многие пользователи предпочитают сохранить старый поиск, поменять ему индекс, сменить правило порядка или переключить переменную на свежий сохранённый объект. Плюс в том, что поиск просто остаётся на скамейке запасных, и никакие данные не уходят навсегда.

Сохранённые объекты и хранимые результаты

Каждый элемент в Afina способен нести объёмный набор селекторных данных. Эти данные ровно то, к чему обращаются скрипты и задачи автоматизации во время работы. К примеру, CSS-селекторы, XPath-выражения, индексы элементов, имена атрибутов, значения атрибутов и любые другие параметры, которые у каждого элемента свои.

Самое ценное в этой функциональности — переиспользование. Один сохранённый объект можно применять везде и получать одинаково стабильные результаты. Каждый скрипт подставляет свой элемент, когда вызов доходит до шага поиска. Вместо клонирования селектора под каждый скрипт пользователь просто грамотно готовит переменную. Таким образом, автоматизация становится гибче.

Кроме того, Afina предлагает два варианта выбора элемента: Selector и XPath. Selector зарезервирован за быстрыми нативными совпадениями элементов на основе CSS. XPath зарезервирован за более богатыми выражениями, включая текстовое содержимое, запросы по осям и другие продвинутые шаблоны. Например, формы, строки таблиц, динамические виджеты и любые другие элементы, до которых пользователь хочет точно дотянуться.

Оба варианта выбора используют одни и те же поля Save to и Wait for Element. Функция отлично подходит для подвязки сотни скриптов к одному и тому же поиску за один заход. Этим возможности не ограничиваются. Пользователи могут привязывать компонент к плановым окнам очистки или сохранять снапшот перед серьёзными изменениями.