Hello Folks,
In this post we will going to learn an advanced concept of xpath: – normalize-space method.
Before we discuss about method normalize-space, we will see why do we require that.
Consider below html codes:
Make Selenium Easy (Inner text has more white spaces among words than normal.)
It will be displaying correctly at Front End (FE) but in DOM, it is in different way i.e. containing uneven white spaces among words.
Make Selenium Easy (Inner text has spaces in beginning and end.)
Innex text has spaces in beginning and end of inner text. You may just need to trim those white spaces.
The same can be the case with attribute as well as shown below:
All above examples have spaces and you may need to locate them by removing unwanted white spaces. Obviously we have a method named “contains” but it will not work if there are more than one white spaces between words. Here, normalize-space method will be useful.
Let’s see some examples below:
Scenario 1: Text or attribute value with white spaces in beginning and end:
Text with trailing whitespaces
Text or InnerText:
In above code, you can see inner text of tag ‘a’ has white spaces in the beginning and end. We can use contains here as below:
XPath using contains method:
//a[contains(text(),’Text with trailing whitespaces’)]
The same can be achieved using normalize-space method:
//a[normalize-space(text())=’Text with trailing whitespaces’]
Attribute Value:
XPath using contains method:
//a[contains(@id,’someAnchor’)]
The same can be achieved using normalize-space method:
//a[normalize-space(@id)=’someAnchor’]
Scenario 2: Text or attribute value with uneven white spaces in between of words:
Text with uneven whitespaces
You can see in UI, it displays correctly but html contains uneven white spaces.
In this case, contains will not work. We need to use normalize-space method because it just not trim white spaces from beginning and end of string, also between words as well.
//a[normalize-space(text())=’Text with uneven whitespaces’]
Scenario 3: Nested elements with inner Text
Consider below nested element with inner text:
some label some span
You can see label tag has innertext as “some label” and span tag has innertext as “some span”. First outer element has innertext followed by inner element innertext.
You can easily locate it using contains as below:
//label[contains(text(),’some label’)]
But problem happens when outer element innertext comes after inner element innertext. Example:
some span some label
In this case contains method will not work. You need to use normalize-space method. But here syntax will be little different as :
//label[text()[normalize-space() = ‘some label’]]
Hope you learnt something new and will be useful in locating elements.
If you have any doubt, feel free to comment below. If you like my posts, please like, comment, share and subscribe. #ThanksForReading
#HappySelenium
My name is Amod Mahajan and I am an IT employee with 4+ years of experience in Software testing and staying in Bengaluru. My area of interest is Automation testing. I started from basics and went throw so many selenium tutorials. Thanks to Mukesh Otwani as his tutorials are easy and cover basics to advance. I have habit of exploring concepts by deep diving. I used to make notes. I thought of sharing my knowledge through posts and now I am here. #KeepLearning #ShareLearning