HomeSelenium

Selenium Locators – ancestor XPath AXES

Selenium Locators – ancestor XPath AXES

<<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:

last() XPath Function - Website Launch

2) Open ChroPath in Chrome Browser where ‘Rel XPath’ is selected as shown below:

last() XPath Function - Rel XPath

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:

ancestor XPath AXES - title

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:

ancestor XPath AXES - title html

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:

ancestor XPath AXES - head html

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:

ancestor XPath AXES - body html

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:

ancestor XPath AXES - p body

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:

ancestor XPath AXES - p html

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 🙂

About Me > Arun Motoori

On a mission to contribute to the Software Testing Community in all possible ways.

<<Previous Post                            << Complete Tutorial>>                              Next Post>

If you like this article, share it on LinkedIn using the below button:

Comments (0)

Leave a Reply

Your email address will not be published. Required fields are marked *