Element Editor

Web automation helps the user to automate any tasks on a webpage. To begin the automation process, we need to start spying the elements with which the activity has to be performed. This is when the Robility Spy plays a major role.

Robility Spy Functionality

1. Robility spy has various components needed to choose an element on a webpage that makes it easier and simpler to automate.
2. Select an element required to spy on a webpage.
3. Each element has different HTML tags attached to it and the Robility spy helps us to choose the required HTML tag(attribute) for the specified element.
4. When we click on the element, the default attributes are chosen automatically. This usually works in most scenarios.
5. In scenarios, where the activity does not operate as expected, we can change the default attributes chosen and play around with different attribute selections.
6. When the website is dynamic, we do not recommend to chosen “innertext” as it will throw an error that the “Element is not found”
    because  the text inside an element keeps changing dynamically.

The following are the best practices to choose an attribute for a dynamically changed webpage. Below are few examples.

1. When we choose a table in a webpage, we can use the tag, tabrow,tabcol
2. When we choose a text box in a webpage, and if the webpage has only one text box, we can choose tag.
3. When we choose a text box in a webpage, and if the webpage has multiple textboxes, then we can choose name, id, class or parent id/ parent class with tag, name and id.

Properties

IMAGE

Image: Displays the image of the element that has been detected on the webpage. The user will not be able to edit the image, they have to re-spy the element again to change it.

ATTRIBUTES EDITOR

XPath – This will display the highlighted element’s absolute Xpath.

1. The Xpath won’t function if any attributes are changed from the root to the element.
2. Using this attribute does not need other attributes along with it.
3. This is helpful while working on a dynamic webpage where the element’s unique attributes are not constant.
4. Once this attribute is selected, all other attributes will be disabled.

RelXPath – The Relative XPath helps to search the element anywhere on the webpage.

1. This works because it identifies the element directly and not from the root.
2. Using this attribute will disable all the attributes except XPath.
3. Though XPath will be enabled, we can choose either XPath or RelXpath and not both the attributes together.

ClassName – The class name of the element will be available here. This can be chosen along with the other attributes.

Tag– The tag name of the highlighted element such as input tag, anchor tag or button tag will be available. This will be selected as default attribute. You can select/ deselect it as per your requirement.

InnerText – The Inner text of the highlighted element will be available here. You can select/deselect as per your requirement.

ParentClass – The Parent Class of the highlighted element will be available here. This will be selected as default attribute. You can select/deselect it as per your requirement.

Title– The title of the webpage will be available here. You can select/deselect as per your requirement.

Href– The Href attribute is used to specify the URL of the page that the link goes to.You can select/deselect based on your requirement.

Aria-Role– The Aria-role of the highlighted element to be treated on the website will be available here. If the selected element is a button, it will be treated as button. You can select/deselect based on your requirement.

ElementIndex – The index position of the highlighted element will be available here. You can select/deselect based on your requirement.

ParentTag –  The parent tag returns the parent element of the spied element. You can select/deselect based on your requirement.

ParentElementIndex –  The index position of the parent tag highlighted element will be available here.  You can select/deselect based on your requirement.

SecondParentTag – The second parent tag name of the highlighted element will be available here. You can select/deselect based on your requirement.

SecondParentElementIndex –  The index position of the second parent tag highlighted element will be available here. You can select/deselect based on your requirement.

EXECUTE BY – This area displays the element values and its attributes that has been chosen from the Attributes editor. Any changes made in the attribute’s editor field will be reflected here. This field cannot be edited, only changes will be reflected.

MATCHFULLURL – Users can choose this option when they need to perform or execute a set of activities within a specified URL only. Specify either “True” or “False.”
True: It will continue to match the full URL during execution.
False: It will continue to execute with only the domain name of the URL.
By default, it will be set to “False”