Ember 下拉硒 xpath

Question

如何为 ember 下拉菜单编写 xpath。

<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

由于emberid变了，xpath怎么写？？

Answer 1

使用 xpath:

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

与css:

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

其他css:

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

Answer 2

每次访问AUT(Application Under Test)时，id属性的值将不断动态变化。因此，要进行交互/单击您需要构建 dynamic 的下拉列表，如下所示：

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']

参考资料

您可以在以下位置找到一些相关的详细讨论：

Selenium - Finding element based on ember

Ember 下拉硒 xpath

Ember dropdown selenium xpath

selenium

xpath

ember.js

参考资料