XPath unable to find text with or using webdriver /

Hi,

Some times we face issues to create XPath of  WebElement which have space in starting of it and then we check the element html source where we found   or &nbsp is added before the element text while it display as space on UI. Normally we create the XPath to identify this element by adding space in the starting of it but his will not identify the element. There are another workaround to identify this element by contains text method. But if we have to identify the element with exact text having starting space or ending space  then we can use following way to do this.

lets see this example

<div class="myclass">
<label>AgendaShowCapacity&nbsp;</label>
</div>

OR

<div class="myclass">
<label>&nbspAgendaShowCapacity</label>

</div>

Following XPath will not work for this

//label[text()='AgendaShowCapacity '] doesn't work

Here we have to use following text to identify the element

&nbsp; = \u00a0

&nbsp = \u0160

So XPath will be like this

//label[text()='AgendaShowCapacity\u00a0']


//label[text()='\u0160AgendaShowCapacity']

Locating elements using DOM, Css and Xpath

 Refer the below example

Whole web page

xpath=/html

css=html

document.documentElement

Whole web page body

xpath=/html/body

css=body

document.body

All text nodes of web page

//text()

Element <E> by absolute reference

xpath=/html/body/.../.../.../E

css=body>…>…>…>E

document.body.childNodes[i]...childNodes[j]

Element <E> by relative reference

//E

css=E

document.gEBTN('E')[0]

Second <E> element anywhere on page

xpath=(//E)[2]

document.gEBTN('E')[1]

Image element

//img

css=img

document.images[0]

Element <E> with attribute A

//E[@A]

css=E[A]

dom=for each (e in document.gEBTN('E')) if (e.A) e Œ

Element <E> with attribute A containing text 't' exactly

//E[@A='t']

css=E[A='t'] 

Element <E> with attribute A containing text 't'

//E[contains(@A,'t')]



Element <E> whose attribute A begins with 't'

//E[starts-with(@A, 't')]



Element <E> whose attribute A ends with 't'

//E[substring(@A, string-length(@A) - string-length('t')+1)='t']



Element <E> with attribute A containing word 'w'

//E[contains(concat('⦿', @A, '⦿'), '⦿w⦿')

Element <E> with attribute A matching regex ‘r’

Element <E1> with id I1 or element <E2> with id I2

//E1[@id=I1] | //E2[@id=I2]

css=E1#I1,E2#I2

Element <E1> with id I1 or id I2

//E1[@id=I1 or @id=I2]

css=E1#I1,E1#I2

Attribute A of element <E>

//E/@A {Se: //E@A }

{Se: css=E@A }

document.gEBTN('E')[0].getAttribute('A') ⌦

{Se: document.gEBTN('E')[0]@A }

Attribute A of any element

//*/@A  {Se: //*@A }

{Se: css=*@A }

Attribute A1 of element <E> where attribute A2 is 't' exactly

//E[@A2='t']/@A1 ⌦ {Se: //E[@A2='t']@A1 }

{Se: css=E[A2='t']@A1 }

Attribute A of element <E> where A contains 't'

//E[contains(@A,'t')]/@A ⌦ {Se: //E[contains(@A,'t')]@A }

{Se: @A }

Element <E> with id I

//E[@id='I']

css=E#I

Element with id I

//*[@id='I']

css=#I

document.gEBI('I')

id=I