<<Previous Post << Complete Tutorial>> Next Post>
In the previous articles, I have listed the different types of XPath Axes available and explained the following , preceding , following-sibling ,preceding-sibling, parent and child XPath Axes.
In this article, I am going to explain the next XPath Axes i.e. ancestor.
ancestor XPath Axes select/locate the parent and grandparent tags of the current tag in the HTML document.
Let’s get started with the practical demonstration of ancestor XPath Axes.
Selenium Locators – ancestor XPath AXES
Follow the below steps to practice ancestor XPath Axes along with me:
1) Open http://compendiumdev.co.uk/selenium/basic_web_page.html in Chrome Browser, where ChroPath is already installed (Refer ChroPath installation in Chrome Browser here and its usage in Chrome Browser here ) as shown below:
2) Open ChroPath in Chrome Browser where ‘Rel XPath’ is selected as shown below:
3) Let’s first locate the ‘title’ tag in this page using the Relative XPath Expression //title
Execute the above XPath Expression in ChroPath and observe that the ‘title’ tag on the page got located as shown below:
4) Now using the above Relative XPath Expression and ancestor XPath Axes, let’s create the below Relative XPath expression to locate the ‘html’ grandparent tag of the ‘title’ tag.
//title/ancestor::html
Execute the above XPath Expression in ChroPath and observe that it is locating the html tag on the page as shown below:
5) Now using the above Relative XPath Expression and ancestor XPath Axes, let’s create the below Relative XPath expression to locate the ‘html’ parent tag of the ‘head’ tag.
//head/ancestor::html
Execute the above XPath Expression in ChroPath and observe that it is locating the html tag on the page as shown below:
6) Now using the above Relative XPath Expression and ancestor XPath Axes, let’s create the below Relative XPath expression to locate the ‘html’ parent tag of the ‘body’ tag.
//body/ancestor::html
Execute the above XPath Expression in ChroPath and observe that it is locating the html tag on the page as shown below:
7) Now using the above Relative XPath Expression and ancestor XPath Axes, let’s create the below Relative XPath expression to locate the ‘body’ parent tag of the ‘p’ tag.
//p/ancestor::body
Execute the above XPath Expression in ChroPath and observe that it is locating the body tag on the page as shown below:
8) Now using the above Relative XPath Expression and ancestor XPath Axes, let’s create the below Relative XPath expression to locate the ‘html’ grandparent tag of the ‘p’ tag.
//p/ancestor::html
Execute the above XPath Expression in ChroPath and observe that it is locating the html tag on the page as shown below:
Here concludes this article.
In the next article, I will start explaining the next XPath AXES – descendant
Next Steps:
- > To learn more about Selenium, continue to the next post (Click on Next Post link below)
- > Check complete Selenium Tutorial Contents here (Click here)
Please leave your questions/comments/feedback below.
Happy Learning ?
On a mission to contribute to the Software Testing Community in all possible ways.
<<Previous Post << Complete Tutorial>> Next Post>