How to identify elements on DOM without using element name

Question

<span class="" data-aura-rendered-by="2565:0">Active</span>
<!--render facet: 2567:0-->
<!--render facet: 2568:0-->
</label> == $0
<input type="checkbox" checked="checked" defaultchecked="true" id="2202:0" data-aura-rendered-by="2206:0" data-interactive-lib-uid="11">
</div>

Can anybody help me to identify an xpath for a checkbox. The HTML is dynamic and the page will change.

I have identified the xpath which is as follows:

//span[.='Active']/../../input

But with this xpath when the position of the active checkbox is changed then the script is not able to identify it.

How can I handle this?

Answer 1

I know this new tags were found in - Lightning Salesforce Domain. The only one option to automate the Lightning Salesforce site is to Locate elements by taking reference of the Field Label name, Placeholders and design XPath using - XPath Axes (Following, following-sibling, Parent, Child, Ancestors).

First: Add more HTML code where i can find out the field name.

Second: Coming to your solution- Check for the element checkbox ID (id="2202:0") which part is continuously changing and which remains same. IF starting some part of the ID would be the same, then Create XPath using starts-with function.

Ex: //input[starts-with(@id,'220')]

Most Important and Suitable format to Locate elements in Salesforce Lightning is using XPath Axes.

In your case XPath is:

//span[contains(text(), 'Active')]//parent::span/parent::label/following-sibling::input[1]

Answer 2

I'm assuming that the ID of the element you're seeking is not static and you have no better way to locate the element than to find it by the text "Active" then move up and then down the DOM to locate it.

The key parts of your HTML appear to be:

<div>
    <label>
        <span>Active
        </span>
    </label>
    <input type="checkbox" checked="checked" defaultchecked="true" id="2202:0" data-aura-rendered-by="2206:0" data-interactive-lib-uid="11">
</div>

If there will only ever be one checkbox in the div that contains the Active span, then you are safe to do something like this (C#-ish syntax, pseudocode):

element parent = driver.findElement(By.Xpath(//div[contains(text(), 'Active')]"));
element checkbox = parent.findElement(By.tagName("input"));

This method will work as long as there is exactly one div on the page with the text Active somewhere in the innerText, exactly one input in the div, and the one input is always of type checkbox.