{"id":8200,"date":"2021-01-30T16:29:28","date_gmt":"2021-01-30T10:59:28","guid":{"rendered":"https:\/\/www.h2kinfosys.com\/blog\/?p=8200"},"modified":"2025-12-15T08:08:50","modified_gmt":"2025-12-15T13:08:50","slug":"xpath-contains-and-or-parent-start-with-axes-in-selenium-webdriver","status":"publish","type":"post","link":"https:\/\/www.h2kinfosys.com\/blog\/xpath-contains-and-or-parent-start-with-axes-in-selenium-webdriver\/","title":{"rendered":"XPath Contains, AND OR, Parent, Start with, Axes in Selenium Webdriver"},"content":{"rendered":"\n

Why XPath Skills Separate Good Testers from Great Testers<\/strong><\/h2>\n\n\n\n

In Selenium, the and<\/code> operator in XPath<\/strong> is a logical operator that allows you to combine multiple conditions to locate elements more accurately. An element is matched only when all specified conditions evaluate to true<\/strong>, making your locators more precise and reliable.<\/p>\n\n\n\n

Syntax<\/h3>\n\n\n\n

The general syntax for using the and<\/code> operator in a relative XPath is:<\/p>\n\n\n\n

\/\/tag_name[@attribute1='value1' and @attribute2='value2']\n<\/pre>\n\n\n\n
Common Use Cases<\/h2>\n\n\n\n
1. Identifying unique elements<\/strong>
When a single attribute (such as class<\/code>) is shared by multiple elements, combining conditions helps narrow down the exact target.<\/p>\n\n\n\n
2. Mixing attributes with functions<\/strong>
You can pair fixed attributes with XPath functions like contains()<\/code> or text()<\/code> to handle dynamic or partially changing elements.<\/p>\n\n\n\n
Examples<\/h3>\n\n\n\n
Multiple Attributes<\/strong>
Select an input field that has both a specific name<\/code> and type<\/code>:<\/p>\n\n\n\n
\/\/input[@name='username' and @type='text']\n<\/pre>\n\n\n\n
Attribute and Text Content<\/strong>
Locate a button with a particular id<\/code> and visible text:<\/p>\n\n\n\n
\/\/button[@id='loginBtn' and text()='Login']\n<\/pre>\n\n\n\n
Using contains()<\/code> for Dynamic Elements<\/strong>
Match elements with partially dynamic values:<\/p>\n\n\n\n
\/\/div[contains(@class, 'user-profile') and contains(@id, 'active')]\n<\/pre>\n\n\n\n
Alternative Approach: Multiple Predicates<\/h2>\n\n\n\n
Instead of explicitly using the and<\/code> keyword, you can apply multiple predicates (square brackets). XPath treats them as a logical AND.<\/p>\n\n\n\n
Example:<\/strong><\/h3>\n\n\n\n
\/\/input[@type='submit'][@value='Login']\n<\/pre>\n\n\n\n
This is functionally the same as:<\/p>\n\n\n\n
\/\/input[@type='submit' and @value='Login']\n<\/pre>\n\n\n\n
Best Practices<\/h3>\n\n\n\n
Keep It Readable:<\/strong> Combining conditions improves accuracy, but avoid overly complex XPaths that are difficult to maintain.<\/p>\n\n\n\n
Use Relative XPath:<\/strong> Start with \/\/<\/code> rather than absolute paths (\/<\/code>) to make your tests more robust against UI changes.<\/p>\n\n\n\n
Verify Before Use:<\/strong> Test your XPath in browser DevTools (Ctrl + Shift + I) using $x(\"your_xpath\")<\/code> to confirm it works correctly.<\/p>\n\n\n\n
Industry reports show that over 78% of QA teams still rely on Selenium WebDriver, and XPath remains the most used locator strategy across web automation frameworks. As UI patterns evolve, XPath mastery becomes even more important. That is why learning XPath Contains and other advanced functions becomes a key skill when you join a Selenium certification course <\/a>or a Selenium course online.<\/p>\n\n\n\n
In this guide, you will learn everything about:<\/p>\n\n\n\n