How can I use XPath contains() for a few values under 1 common class?

Question

I need create a Xpath for an expression like -

(trim(STRING_1)=upper(STRING_2))

but unfortunately this expression is located in some editor, the code is -

<div class="ace_line" style="height: 16px;">
 <span class="ace_paren ace_lparen">  (  </span>
 <span class="ace_support ace_function">  trim  </span>
 <span class="ace_paren ace_lparen">  (  </span>
 <span class="ace_storage ace_type">  STRING_1  </span>
 <span class="ace_paren ace_rparen">  )  </span> 
 <span class="ace_keyword ace_operator">  =  </span> 
 <span class="ace_support ace_function">  upper  </span>
 <span class="ace_paren ace_lparen">  (  </span>
 <span class="ace_storage ace_type">  STRING_2  </span>
 <span class="ace_paren ace_rparen">  ))  </span></div>

(extra spaces for best visualization)

How can I create a Xpath for the whole expression?

It should be something like -

//*[contains(text(),'(', 'trim', '(', 'STRING_1', ')', '=', 'upper', '(', 'STRING_2', '))')]

But it doesn't work

if `ace_line` is unique in HTMLDOM, you can do getAttribute on it and call innerText, you don't have to have all these contains and trim in your xpath. — cruisepandey, Mar 16 '22 at 12:30

Prophet · Answer 1 · 2022-03-16T12:37:39.343

0

You can use multiple contains() in a single XPath expression like:

"//*[contains(text(),'(') and contains(text(),'trim') and contains(text(),'STRING_1') and contains(text(),'=') and contains(text(),'upper') and contains(text(),'STRING_2') and contains(text(),')') and contains(text(),'))')]"

You can also use something like this:

"//div[.//span[contains(text(), 'trim') and .//span[contains(text(), 'upper')]]"

edited Mar 16 '22 at 12:37

answered Mar 16 '22 at 11:06

Prophet

32,350
22
54
79

I am trying the line - //div[span[contains(text(), 'trim') and contains(text(), 'upper')]] but it doesn't work – HonzaNova Mar 16 '22 at 12:34
No, that's wrong. it is not the same `span` element having the `trim` text and the `upper` text – Prophet Mar 16 '22 at 12:35
See my updated answer for how to locate parent element based on 2 child elements – Prophet Mar 16 '22 at 12:38

undetected Selenium · Answer 2 · 2022-03-16T15:30:25.557

The texts trim and upper can be at any position within the <div class="ace_line"...>.

Solution

You can use the following locator strategy:

xpath using the texts trim and upper:

"//div[@class='ace_line'][.//span[contains(., 'trim')]][.//span[contains(., 'upper')]]"

xpath ignoring the case of STRING_1:

"//div[contains(translate(., 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), 'STRING_1')]"

xpath ignoring the case of STRING_1 and STRING_2:

"//div[contains(translate(., 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), 'STRING_1')][contains(translate(., 'ABCDEFGHIJKLMNOPQRSTUVWXYZ', 'abcdefghijklmnopqrstuvwxyz'), 'STRING_2')]"

Reference

You can find a relevant detailed discussion in:

How to find elements through text ignoring the case using Selenium and Xpath

How can I use XPath contains() for a few values under 1 common class?

2 Answers2

Solution

Reference