Ember dropdown selenium xpath

Question

How to write xpath for the ember dropdown.

<ul id="ember-power-select-options-ember2473" class="ember-power-select-options ember-view" aria-controls="ember-power-select-trigger-ember2473" role="listbox"> <li class="ember-power-select-option" aria-selected="false" aria-current="false" data-option-index="0" role="option">Option A

Since the ember id changes, how can i write xpath??

Did you try out any xpath by now? Though dynamic I still can see the regex is pretty much constant. — undetected Selenium, Aug 12 '17 at 18:55

score 1 · Accepted Answer · answered Aug 12 '17 at 19:28

1

With xpath:

//ul[contains(@id, 'ember-power-select-options-ember')]

With css:

ul[id*='ember-power-select-options-ember']

Other css:

ul.ember-power-select-options[role=listbox]

answered Aug 12 '17 at 19:28

lauda

4,153
2
14
28

undetected Selenium · Answer 2 · 2020-11-22T21:02:48.770

The value of the value of the id attribute will keep changing dynamically, everytime you access the AUT(Application Under Test). Hence to interact / click the dropdown you need to construct dynamic Locator Strategies as follows:

cssSelector:

ul.ember-power-select-options.ember-view[id^='ember-power-select-options-ember']

xpath:

//ul[starts-with(@id, 'ember-power-select-options-ember') and @class='ember-power-select-options ember-view']

References

You can find a couple of relevant detailed discussions in:

Ember dropdown selenium xpath

2 Answers2

References

Linked