如何使用 Javascript 选择 Selenium Webdriver 中的最后一个元素？

Question

我创建了一个脚本来验证元素是否已成功添加。添加的元素始终位于页面末尾或成为不同 div 中的最后一个元素。我正在使用 selenium webdriver 和 javascript。这是HTML代码

<div class="row">
<div class="form-group col-sm-2 col-xs-12">
        <label>Entity Name</label>
        <input value="ttax" class="form-control entity-name" disabled="">
</div>
</div>
<div class="row">
<div class="form-group col-sm-2 col-xs-12">
       <label>Entity Name</label>
       <input value="Room" class="form-control entity-name" disabled="">
</div>
</div>

我试过了

let new_entity = await driver.findElement(By.css("div:nth-child(2) > div.form-group.col-sm-2.col-xs-12 > input").last()
let entity_value = await new_entity.getAttribute('value')
expect(entity_value).to.be.eq(entity_name)

但我得到了错误 element.last() is not function

谁能帮帮我？我在 javascript 中找不到有关 selenium webdriver 的参考资料，其中大多数使用 java。 ss

Answer 1

由于添加的元素始终成为验证添加元素的最后一个元素，因此您需要找到您尚未在问题的 HTML 中显示的 父元素 的 last-child。因此，要找到last-child，您可以使用以下基于Locator Strategy 的css-selectors：

• 使用css：

  let new_entity = await driver.findElement(By.css("immediateParentTag div:last-child > div.form-group.col-sm-2.col-xs-12 > input"))
  

Answer 2

在这里，当您想使用最后一个或第一个元素时，我们必须获取一个元素数组。代替 findElement，我们可以使用 findElements

let new_entity = await driver.findElements(By.css("..")).last();

let entity_value = await new_entity.getAttribute('value'); expect(entity_value).to.be.eq(entity_name);