Webdriver.io 如何 select 以及根据页面上类似元素的数量而变化的元素

Question

我想要一种方法 select 此命名源添加 div 内的 udp-address-input 字段。我遇到的问题是 udp-address-input-<+id> 元素根据添加了多少命名源而具有不同的编号。在 named-source-add div 中总是只有 1 个 udp-address-input-<+id> 所以我想知道我是否可以在 div?[=13= 中限制我的搜索]

<div id="named-source-add" class="named-div">

<input type="text" class="table-cell" data-bind="textInput: address, attr: 
{id: 'udp-address-input-'+id, readonly: readonly, required: role() == 
'destination'}" id="udp-address-input-18">

</div>

Answer 1

我使用了 xpath，只在 named-source-add div.

中查找 ID 以 udp-address-input 开头的输入

//div[@id='named-source-add']//input[contains(@id,'udp-address-input')]

而且我必须添加斜杠才能使其与我的 javascript webdriverio 页面对象一起使用，如下所示：

udpMulticastAddr:{ get() { return '//div[@id=\'named-source-add\']//input[contains(@id,\'udp-address-input\')]';}},

Webdriver.io 如何 select 以及根据页面上类似元素的数量而变化的元素

Webdriver.io how to select and element that changes based on the number of like elements on the page

css

selenium-webdriver

xpath

css-selectors

webdriver-io