Webdriver.io 如何根据页面上类似元素的数量来选择和更改元素答案

【问题标题】：Webdriver.io how to select and element that changes based on the number of like elements on the pageWebdriver.io 如何根据页面上类似元素的数量来选择和更改元素
【发布时间】：2018-12-01 12:59:51
【问题描述】：

我想要一种方法来选择这个 named-source-add div 内的 udp-address-input 字段。我遇到的问题是 udp-address-input- 元素具有不同的数字，具体取决于添加了多少命名源。在 named-source-add div 内总是只有 1 个 udp-address-input- 所以我想知道是否可以限制在该 div 内的搜索？

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

【问题讨论】：

标签： css selenium-webdriver xpath css-selectors webdriver-io

【解决方案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\')]';}},

【讨论】：