HomeSelenium

Selenium Locators – following XPath AXES

Selenium Locators – following XPath AXES

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

In the previous article, I have listed the different types of XPath Axes available.

In this article, I am going to explain the first XPath Axes i.e. following.

following XPath Axes can select/traverse everything in the HTML document after the closing tag of the current node.

For example, if you are using ‘following’ XPath Axes with ‘head’ tag, then it can help you to select/traverse all the tags that come after the ending of ‘head’ tag (i.e. after </head> tag).

And in this example, the tags inside the <head> </head> say <title> etc. cannot be selected/traversed using the following XPath Axes.

All the tags that come after the </head> in this example, can be selected/traversed using the following.

Let’s get started with the practical demonstration of following XPath Axes.

Selenium Locators – following XPath AXES

Follow the below steps to practice following XPath Axes along with me:

1) Open http://omayo.blogspot.com/ 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:

Relative XPath - More complex application

2) Open ‘ChroPath’ functionality as shown below in the Chrome Browser:

Relative XPath - ChroPath

3) Select ‘Rel XPath’ option from the ‘Selectors’ dropdown as shown below:

4) First, let’s locate the ‘head’ tag by executing the Relative XPath Expression //head in the ChroPath as shown below:

following XPath AXES - head tag located

 

5) Now let’s try to locate ‘title’ tag which is inside the <head> …</head> by building the  Relative XPath Expression as  //head/following::title

Note: No elements will be located as the following XPath Axes can only be used for locating the tags that come after the </head> tag. Whereas <title> tag will come before the </head>.

following XPath AXES - title before head ends

Execute the above Relative Expression and observe that 0 elements (i.e. no elements got located) as shown below:

following XPath AXES - zero elements located

6) Now let’s try to locate ‘body’ tag which comes after the </head> tag by building the Relative XPath Expression as  //head/following::body

Note: As body tag comes after the </head> tag, it will be located now as shown below:

following XPath AXES - body tag located

7) Let’s find all the div tags after //body/div[1]/div, by executing the Relative XPath Expression //body/div[1]/div/following::div and observe that all the div tags which come after the </div> got located as shown below:

following XPath AXES - divs located

8) Let’s find the first div tag after //body/div[1]/div, by executing the Relative XPath Expression //body/div[1]/div/following::div[1] and observe that the first div tag which come after the </div> got located as shown below:

following XPath AXES - first div located

9) Let’s find all the input tags after //body/div[1], by executing the Relative XPath Expression //body/div[1]/following::input and observe that all the input tags which come after the </div> got located as shown below:

following XPath AXES - input tags located

Here concludes this article.

In the next article, I will start explaining the next XPath AXES – preceding

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 *