XPath with attributes in Selenium Python

Introduction

XPath with attributes helps you find specific elements on a web page by looking at their properties. This makes your tests more accurate and reliable.

When you want to click a button with a unique id or class.

When you need to check if a specific input field is present by its name attribute.

When you want to verify a link with a certain href value.

When multiple elements have the same tag but different attributes.

When you want to select elements based on custom data attributes.

Syntax

Selenium Python

//tagname[@attribute='value']

Use double slashes // to search anywhere in the page.

Attributes are inside square brackets with @ before the attribute name.

Examples

Selects an input element with id 'username'.

Selenium Python

//input[@id='username']

Selects a button element with class 'submit-btn'.

Selenium Python

//button[@class='submit-btn']

Selects a link with the exact href 'https://example.com'.

Selenium Python

//a[@href='https://example.com']

Selects a div with a custom attribute 'data-test' equal to 'login-form'.

Selenium Python

//div[@data-test='login-form']

Sample Program

This script opens a browser, goes to a login page, finds the username input using XPath with an id attribute, checks if it is visible, prints a success message, and closes the browser.

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.by import By

# Start the browser
browser = webdriver.Chrome()

# Open a simple test page
browser.get('https://example.com/login')

# Find the username input by its id attribute
username_input = browser.find_element(By.XPATH, "//input[@id='username']")

# Check if the input is displayed
assert username_input.is_displayed(), 'Username input should be visible'

print('Test passed: Username input found and visible')

# Close the browser
browser.quit()

Important Notes

Always use unique attributes to avoid selecting the wrong element.

Use browser developer tools to inspect elements and find their attributes.

XPath is case-sensitive for tag names and attribute values.

Summary

XPath with attributes helps find elements by their properties.

Use //tagname[@attribute='value'] format.

It makes tests more precise and reliable.

Practice

1. What does the XPath expression //input[@type='submit'] select on a web page?

easy

A. All <input> elements with attribute type equal to 'submit'

B. All elements with tag name 'submit'

C. All elements with attribute 'input' and value 'submit'

D. All <submit> elements inside <input> tags

Solution

1. Step 1: Understand XPath syntax

   The expression //input selects all <input> elements anywhere in the document.

2. Step 2: Apply attribute filter

   The part [@type='submit'] filters those <input> elements to only those whose 'type' attribute equals 'submit'.

3. Final Answer:

   All <input> elements with attribute type equal to 'submit' -> Option A

4. Quick Check:

   XPath //tag[@attr='value'] selects elements by attribute [OK]

Hint: Look for tagname and attribute=value inside square brackets [OK]

Common Mistakes:

• Confusing tag name with attribute name
• Ignoring the attribute filter
• Assuming it selects elements by text content

2. Which of the following is the correct XPath syntax to select a button element with id 'loginBtn'?

easy

A. //button[@id='loginBtn']

B. //button[id='loginBtn']

C. //button(#id='loginBtn')

D. //button[id="loginBtn"]

Solution

1. Step 1: Recall correct attribute syntax in XPath

   Attributes are selected using @attribute='value' inside square brackets.

2. Step 2: Check each option

   //button[@id='loginBtn'] uses @id='loginBtn' which is correct. //button[id='loginBtn'] misses '@'. //button(#id='loginBtn') uses invalid syntax. //button[id="loginBtn"] also misses '@' before the attribute name.

3. Final Answer:

   //button[@id='loginBtn'] -> Option A

4. Quick Check:

   Use @ before attribute name in XPath filters [OK]

Hint: Always prefix attribute with @ in XPath filters [OK]

Common Mistakes:

• Omitting @ before attribute name
• Using parentheses instead of square brackets
• Incorrect quoting of attribute values

3. Given the HTML snippet:

<input type='checkbox' name='subscribe' checked>

What will the XPath //input[@checked] select?

medium

A. No elements, because 'checked' has no value

B. All <input> elements with attribute 'checked' equal to 'true'

C. All <input> elements with attribute 'checked' equal to 'checked'

D. All <input> elements with attribute 'checked' present

Solution

1. Step 1: Understand attribute presence in XPath

   The XPath [@checked] selects elements where the 'checked' attribute exists, regardless of its value.

2. Step 2: Apply to given HTML

   The input element has 'checked' attribute present (even without value), so it matches.

3. Final Answer:

   All <input> elements with attribute 'checked' present -> Option D

4. Quick Check:

   XPath [@attr] checks attribute presence, not value [OK]

Hint: Use [@attr] to check attribute exists, value not needed [OK]

Common Mistakes:

• Assuming attribute must have a value
• Confusing attribute presence with attribute value
• Thinking empty attributes are ignored

4. You wrote this XPath to find a link: //a[@href='https://example.com'] but it fails to find the element. What is the likely error?

medium

A. The tag name 'a' is wrong, should be 'link'

B. XPath syntax is invalid because of missing @

C. The href attribute value is incorrect or incomplete

D. XPath cannot use attribute filters

Solution

1. Step 1: Verify XPath syntax correctness

   The XPath //a[@href='https://example.com'] is syntactically correct with proper attribute filter.

2. Step 2: Consider attribute value correctness

   If the element is not found, likely the href attribute value in the page differs (e.g., missing trailing slash, different protocol, or relative URL).

3. Final Answer:

   The href attribute value is incorrect or incomplete -> Option C

4. Quick Check:

   Check exact attribute values when XPath finds no elements [OK]

Hint: Verify exact attribute values match in XPath and page [OK]

Common Mistakes:

• Assuming XPath syntax error without checking value
• Using wrong tag name for links
• Believing XPath cannot filter by attributes

5. You want to select all <input> elements that have a name attribute starting with 'user' and a type attribute exactly equal to 'text'. Which XPath expression is correct?

hard

A. //input[@name^='user' and @type='text']

B. //input[starts-with(@name, 'user') and @type='text']

C. //input[@name*='user' and @type='text']

D. //input[contains(@name, 'user') and @type='text']

Solution

1. Step 1: Identify XPath function for 'starts with'

   XPath uses starts-with(@attr, 'value') to check if attribute starts with a string.

2. Step 2: Combine conditions with 'and'

   Both conditions must be true: name starts with 'user' and type equals 'text'. //input[starts-with(@name, 'user') and @type='text'] correctly uses and to combine.

3. Step 3: Evaluate other options

   //input[@name^='user' and @type='text'] uses invalid syntax @name^='user'. //input[@name*='user' and @type='text'] uses *= which is not valid XPath. //input[contains(@name, 'user') and @type='text'] uses contains() which matches anywhere, not just start.

4. Final Answer:

   //input[starts-with(@name, 'user') and @type='text'] -> Option B

5. Quick Check:

   Use starts-with() for prefix match in XPath [OK]

Hint: Use starts-with() for attribute prefix matching in XPath [OK]

Common Mistakes:

• Using CSS-like ^= or *= operators in XPath
• Confusing contains() with starts-with()
• Not combining multiple conditions properly