Using selenium xpath or css selectors, how to get a element based on inner element's text or current elements text

Question

In the following,

<section id="section2" class="MightChange1 MightChange2">
   <div id="dynamicIdxxx" class="dynamic1 dynamic2 dynamic3">
     <div id="againDynamic" ..>
         <div id="someDynamicCanBeRelayed" class="xyz">
         <button id="dynmaicBtnxx" class="Cannot be relayed">
             <span ....>
                  <span id="dynamic23" class="PartOfDoesntChange">
                       <bdi> show INTEGER more details</bdi>

How to select the span (with id=dynamic23) using text of bdi (which INTEGER changes).

I could write like following //*[@id='section2']//span/bdi[contains(text(),'more fields')]/ancestor::button")

The challenge is, sometimes below

<span id="dynamic23" class="PartOfDoesntChange">
     <bdi> show INTEGER more details</bdi>

will be changed to (without bdi tag)

<span id="dynamic23" class="PartOfDoesntChange"> show INTEGER more details <span>

One option to handle is I can use two xpath's with and without bdi using selenium OR conditions. Either way, I would get the result and use that element.

Is there any better alternatives for such scenarios or by using css selectors?

yong · Accepted Answer · 2018-01-06 06:40:39Z

1

try this simple one //span[contains(., 'show INTEGER more details')], Don't replace the . to text(), otherwise it will only match one element

answered Jan 6, 2018 at 6:40

yong

13.8k1 gold badge19 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JeffC Over a year ago

I think the problem is that you've inserted "INTEGER" in your XPath but that's going to change each time. You'll need to adjust your answer to account for this. One way to do that is to just remove the "show INTEGER" part and leave " more details". OP will have to test it and see if it works but it likely will.

Buaban · Accepted Answer · 2018-01-06 01:27:10Z

0

You can use UNION operator |. See my example below.

//*[@id='section2']//span/bdi[contains(text(),'more fields')]/ancestor::button") | //*[@id='section2']//span[contains(text(),'more details')]/ancestor::button")

answered Jan 6, 2018 at 1:27

Buaban

5,1271 gold badge20 silver badges34 bronze badges

Comments

undetected Selenium · Accepted Answer · 2018-01-06 07:17:36Z

0

To select the span element using the text show INTEGER more details you can use the following xpath :

//button[@id='dynmaicBtnxx']//*[contains(.,'show INTEGER more details')]//preceding::span[1]

Note : Seems values are dynamic so you may have to induce WebDriverWait for the element as well.

answered Jan 6, 2018 at 7:17

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Comments

hiren · Accepted Answer · 2018-01-11 10:16:42Z

0

This might help:

.//*[contains(., 'show INTEGER more details')]/ancestor::button[starts-with(@id,'dynmaicBtn')]

The * (star) at the start will select the tag with your required text whether it is span or bdi. Ancestor will select a button whose id starts-with your text followed by changing int's.

edited Jan 11, 2018 at 10:16

answered Jan 11, 2018 at 10:05

hiren

1,1051 gold badge9 silver badges17 bronze badges

Collectives™ on Stack Overflow

Using selenium xpath or css selectors, how to get a element based on inner element's text or current elements text

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related