XPath basics (absolute vs relative)

Use By.xpath to locate elements by path and attributes.

Concept

XPath is a query language used to find nodes in XML documents. Because HTML is XML-like, Selenium can use XPath to locate elements on a page.

When to Use XPath

Per Selenium's official documentation, XPath should be used only when necessary. CSS Selectors are generally faster and more stable because browsers are highly optimized for CSS. XPath expressions are often not performance-tested by browser vendors and can be more brittle due to DOM structure dependencies.

XPath is appropriate when:

You need to select elements by text content (e.g., //button[text()='Submit']).
You need to navigate up the DOM tree to parent elements (CSS can only go down).
You need to combine multiple complex conditions that CSS cannot express.
The structure requires traversal that CSS Selectors cannot handle.

Absolute XPath

/html/body/form/input[1]

What it does

Starts from the root element / and walks through every level of the DOM. Uses exact hierarchy and often positions like [1].

Fragile

If a container is added or removed, your path breaks. Avoid using full absolute paths in production tests.

Relative XPath

//input[@name='lname']

What it does

Starts with // which means “search anywhere in the document”. Targets elements by tag, attributes, and optional conditions.

Interactive Practice

Contact Selenium (XPath demo)

This form's structure is specifically designed to practice absolute and relative XPath queries.

Java Code Example

XPathDemo.java

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
WebElement firstNameInput = driver.findElement(By.xpath("//form/div[1]/input"));
firstNameInput.clear();
firstNameInput.sendKeys("John");

WebElement lastNameInput = driver.findElement(By.xpath("//input[@name='lname']"));
lastNameInput.clear();
lastNameInput.sendKeys("Doe");

WebElement companyInput = driver.findElement(By.xpath("//input[@id='company']"));
companyInput.sendKeys("Selenium Corp");

WebElement newsletterCheckbox = driver.findElement(By.xpath("//input[contains(@name,'news')]"));
newsletterCheckbox.click();

driver.quit();

Code Breakdown

driver.findElement(By.xpath("//form/div[1]/input")): Uses a positional XPath: finds the first <div> inside the <form>, then its <input> child. This behaves like an absolute-style path relative to the form and is fragile if the layout changes.
driver.findElement(By.xpath("//input[@name='lname']")): A relative XPath that finds an <input> anywhere with name='lname'. This is more stable and recommended.
driver.findElement(By.xpath("//input[@id='company']")): Another relative XPath, this time by id. Uses the pattern //tag[@id='value'] which is very reliable when IDs are unique.
driver.findElement(By.xpath("//input[contains(@name,'news')]")): Uses the XPath contains() function to match inputs where the name attribute contains "news" (e.g. "newsletter"). Very useful for partial attribute matching.

Pro Tip

Prefer relative XPath

Use // over absolute paths starting at /html/.... Your tests will survive small layout changes much better.

Keep it readable

Use clear attribute-based XPaths like //input[@id='company'] instead of deeply nested positional paths.

Use functions sparingly

contains(), starts-with(), etc. are powerful, but don’t overuse them—combine them with specific tags/attributes to keep locators stable.

Concept

XPath is a query language used to find nodes in XML documents. Because HTML is XML-like, Selenium can use XPath to locate elements on a page.

When to Use XPath

XPath is appropriate when:

You need to select elements by text content (e.g., //button[text()='Submit']).

You need to navigate up the DOM tree to parent elements (CSS can only go down).

You need to combine multiple complex conditions that CSS cannot express.

The structure requires traversal that CSS Selectors cannot handle.

Absolute XPath

/html/body/form/input[1]

What it does

Starts from the root element / and walks through every level of the DOM. Uses exact hierarchy and often positions like [1].

Fragile

If a container is added or removed, your path breaks. Avoid using full absolute paths in production tests.

Relative XPath

//input[@name='lname']

What it does

Starts with // which means “search anywhere in the document”. Targets elements by tag, attributes, and optional conditions.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
WebElement firstNameInput = driver.findElement(By.xpath("//form/div[1]/input"));
firstNameInput.clear();
firstNameInput.sendKeys("John");

WebElement lastNameInput = driver.findElement(By.xpath("//input[@name='lname']"));
lastNameInput.clear();
lastNameInput.sendKeys("Doe");

WebElement companyInput = driver.findElement(By.xpath("//input[@id='company']"));
companyInput.sendKeys("Selenium Corp");

WebElement newsletterCheckbox = driver.findElement(By.xpath("//input[contains(@name,'news')]"));
newsletterCheckbox.click();

driver.quit();

Code Breakdown

driver.findElement(By.xpath("//form/div[1]/input")): Uses a positional XPath: finds the first <div> inside the <form>, then its <input> child. This behaves like an absolute-style path relative to the form and is fragile if the layout changes.
driver.findElement(By.xpath("//input[@name='lname']")): A relative XPath that finds an <input> anywhere with name='lname'. This is more stable and recommended.
driver.findElement(By.xpath("//input[@id='company']")): Another relative XPath, this time by id. Uses the pattern //tag[@id='value'] which is very reliable when IDs are unique.
driver.findElement(By.xpath("//input[contains(@name,'news')]")): Uses the XPath contains() function to match inputs where the name attribute contains "news" (e.g. "newsletter"). Very useful for partial attribute matching.

Pro Tip

Prefer relative XPath

Use // over absolute paths starting at /html/.... Your tests will survive small layout changes much better.

Keep it readable

Use clear attribute-based XPaths like //input[@id='company'] instead of deeply nested positional paths.

Use functions sparingly

contains(), starts-with(), etc. are powerful, but don’t overuse them—combine them with specific tags/attributes to keep locators stable.

XPath basics (absolute vs relative)

Concept

When to Use XPath

Absolute XPath

Fragile

Relative XPath

Recommended

Interactive Practice

Contact Selenium (XPath demo)

Java Code Example

Code Breakdown

Pro Tip

Prefer relative XPath

Keep it readable

Use functions sparingly

XPath basics (absolute vs relative)

Concept

When to Use XPath

Absolute XPath

Fragile

Relative XPath

Recommended

Interactive Practice

Contact Selenium (XPath demo)

Java Code Example

Code Breakdown

Pro Tip

Prefer relative XPath

Keep it readable

Use functions sparingly