performance.tar.gz

Puppeteer

XPath, or XML path, is a query language used for locating a node from a DOM. It is one of the most common ways of identifying an element while writing Selenium UI tests.

In this course, you will learn various techniques for writing an expression that identifies a complex locator. In the process, you will also learn the tips and tricks of writing an efficient and optimized locator. We have used puppeteer with Javascript to demonstrate evaluating an XPath expression in this course.

This course is designed for both beginner and intermediate level developers, as well as QA engineers who want to master the art of writing effective XPath expressions.

Mastering XPath for Selenium

### What is a dynamic XPath?

The standard way of writing XPath may not work if the element path on the webpage changes dynamically.

Let’s say there is a table whose rows are shown based on a data set, which can vary from time to time. Sometimes, it will have 4 rows, and other times, it will have 6 or 7.

Another example is when a node/element attribute’s value is always dynamic and keeps on changing with page reload; in that case, you simply can’t use an attribute’s value to identify the unique element reliably every single time.


### How to handle dynamic XPaths?

#### Example HTML considered for demonstration

Let us consider an example. Take a look at the following HTML structure:




# What is a dynamic XPath?

The standard way of writing XPath may not work if the element path on the webpage changes dynamically.

Let’s say there is a table whose rows are shown based on a data set, which can vary from time to time. Sometimes, it will have 4 rows, and other times, it will have 6 or 7.

Another example is when a node/element attribute’s value is always dynamic and keeps on changing with page reload; in that case, you simply can’t use an attribute’s value to identify the unique element reliably every single time.


# How to handle dynamic XPaths?

## Example HTML considered for demonstration

Let us consider an example. Take a look at the following HTML structure:




Learn how to write XPath expression when the value of the attribute is dynamic.

__default

Dynamic XPath

What is a dynamic XPath?

How to handle dynamic XPaths?

Example HTML considered for demonstration