Locating web elements is an important aspect of web application automation and a core activity in automation script development. In order to proceed with this identification of HTML elements, we might need certain definite attributes like id, class, name, and so on. However, in certain cases, it might so happen that there might be no unique attributes associated with web elements. This might be the result of poor development practices or due to the presence of dynamic web elements. In such a case, the mechanism through which the location of web elements is facilitated is through XPath in Selenium. It acts as a query language that helps extract entities from the Document Object Model (DOM).
In this blog on Selenium XPath, we will examine some of the crucial aspects of Selenium XPath, including what it is, the types of XPath, and the different XPath expressions that can be used to locate different kinds of elements.
What is XPath in Selenium?
XML Path or XPath in Selenium is a technique for querying XML documents and navigating a web page’s HTML structure. The language can be used to write an XPath query/script, which can help locate and identify web elements on a webpage using an XML Path Expression. Selenium XPath can be used for HTML as well as XML documents.
The general locators in Selenium may at times, might not suffice to locate all DOM elements of a HTML document. This is where Selenium XPath steps in. By way of helping in providing for dynamic search of elements, it provides for much needed flexibility to adjust a locator as per one?s needs.
Syntax of XPath
XPath=//tagname[@Attribute=?Value?]
//: To select the current node
Tagname: Tag name of a specific node
@: To select the attribute
Attribute: It is the attribute name of the node
Value: It is the value of the node
![syntax of xpath](/_gatsby/file/15c2d8572c08d223ad1056fdbcf2fffd/61275ac68bd5e970357b605f_Blog2025.3.png?u=https%3A%2F%2Fwordpress-1206907-4270701.cloudwaysapps.com%2Fwp-content%2Fuploads%2F2024%2F01%2F61275ac68bd5e970357b605f_Blog2025.3.png)
Types of XPath Locators
ID: Helps in locating element with the help of the ID of the element
Name: Helps in locating element with the help of the Name of the element
Classname: Helps in locating elements with the help of the class name of the element
XPath: Helps in locating dynamic elements and traversing between different elements of the webpage
Link text: Helps in locating elements with the help of the link of a text
CSS Path: Helps in locating elements that have no class, ID, or name
Types of XPath
- Absolute XPath
This type is used for directly locating a particular element on the webpage. It is one of the direct ways of finding an element, wherein the expression of the XPath is formed by using the selection from the root node. The XPath, in this case, begins with a single slash (?/?), and it passes over from the root to the whole Document Object Model (DOM) to locate the specific element.
A major shortcoming of this approach is that any change in the element’s path would result in a failed XPath expression.
For instance: /html/body/form/input [5]
This kind of search would begin with the first form tag in the page body and would then select the fifth input field in the form.
2. Relative XPath
In the case of Relative XPath in Selenium, the expression starts from the middle of the HTML DOM structure. The expression is marked by beginning it with a double slash (//), which denotes the current node. The search begins from the tagname and string value mentioned and helps search elements anywhere on the webpage.
The major advantage of this approach is that it is easy to use, is more compact and is less prone to be broken as compared to Absolute Selenium XPath.
For instance: Relative XPath: //input[@name=?email?]
In the given expression of XPath in Selenium, we shall begin our search from the current node, which has the tagname as input, whose attribute is name and value is email.
XPath Functions
As an Automation Testing tool, Selenium offers useful features for identifying elements and objects on a webpage. However, at times, elements on a webpage may have the same attributes, making it difficult to identify them. The similarity in names and attributes of elements renders it quite challenging for Selenium to identify any one particular element. In such situations, XPath Functions come to our rescue.
XPath Contains () Function
This function can be used to successfully create an XPath expression in a situation when the value of any attribute changes dynamically. In such a scenario, the contain function helps in locating a particular web element with the help of the available partial text.
In order for the function to be successful, the attribute of the tag must be validated to locate the specific web element, and the value of the attribute must be a partial value that the attribute must contain.
For instance: //tagname[contains(@attribute,?value_of_attribute?)]
XPath Starts-with() Function
This function can be used to successfully create an XPath expression in a situation when the value of an attribute changes on refresh or as a result of any other dynamic operation on the webpage. The starts-with function is then used to match the starting text of the attribute to locate the element whose value might have changed. The function can also be used for locating elements whose attribute value remains static or where it starts with some specific character or a sequence of characters.
In order for the function to be successful, the attribute of the tag must validate to locate the specific web element, and the value of the attribute must be a partial value of the attribute with which the attribute is expected to start.
For instance: //tagname[starts-with(@attribute,?Part_of_Attribute_Value?)]
XPath Text() Function
This particular Selenium function can be used to locate elements on a webpage on the basis of the text of the element. The text function seeks to match the exact text element and thereby locate the element within the set of text nodes. Additionally, in order for this function to be effective, the element which is sought to be located should be present in string form.
The text() function can be used to provide us with the text of the element as it is identified with the tagname and is compared with the value of the attribute provided.
For instance: //tagname[text()=?Text of the element?]
XPath Axes Methods
The elements of XML DOM are arranged in a specific manner. They are present in a hierarchical structure and are generally located by way of either of the two types of XPath: Absolute XPath or Relative XPath. In order for this operation to be successful, Selenium XPath provides certain attributes which are known as XPath Axis.
The XPath Axes Methods are used to identify relation with the current node and thereby help to locate the relative nodes. The XPath Axes Methods basically utilizes the relation between the different nodes in order to locate them within the DOM structure.
In this section, we will look at some of the common XPath Axes Methods.
Conclusion
By the end of this blog, I am sure you must have acquired a decent understanding of how XPath in Selenium works. It is evident that while the need to locate web elements might be an important concern during Automation Testing, especially cross-browser testing; the conventional methods might not always work due to some or the other reason. In such situations, Selenium XPath provides a way to locate web elements. However, it is important to be clear about the viability of the different types and functions of Selenium XPath in different situations, depending upon functional needs and the complexities of the DOM structure. This will help you create neat, effective, and robust scripts.
Selenium XPath is definitely a laudable feature of this quite popular Test Automation Tool. Moreover, Selenium is definitely regarded as one of the first Software Testing Tools of choice for Software Development Engineers in Test (SDETs). If you wish to cultivate the skills needed to be an SDET and grab this coveted position, enroll now for our SDET Automation Course.
![selenium xpath further learning](/_gatsby/file/799ca8bd8258cfaefbfd038767d69449/60e1f6e6a3e85623beb2a794_SDET_CTA.jpg?u=https%3A%2F%2Fwordpress-1206907-4270701.cloudwaysapps.com%2Fwp-content%2Fuploads%2F2024%2F01%2F60e1f6e6a3e85623beb2a794_SDET_CTA.jpg)