通过传递值处理 Nightwatch 下拉列表

Question

以下是我用来使用 nightwatch 从下拉列表中选择值的方法。如您所见，这不是一个好方法。除非我们单击确切的元素，否则我们无法从下拉列表中选择特定值。

    this.useXpath();
    this.click('(//td[@class="styles_selectDropdownContainer__2Vrns"])[1]')
    this.useCss();
    this.click('#react-select-6-option-1')

在 selenium java 中有一个很好的选择，如下所示

    Select fruits = new Select(driver.findElement(By.id("fruits")));

    fruits.selectByVisibleText("Banana");

我想知道有没有类似的方法也可以用在守夜人中？

Answer 1

这不是使用Select 和Option 标签构建的，因此内置的 selenium 函数不起作用。解决方法是首先单击父跨度，然后在列表中存储每个 div（这是选项），迭代循环，如果文本与您想要的文本匹配，则可以单击每个 Web 元素。

代码：

 this.useCss();
 this.click("span[aria-live='polite']")

现在将选项存储在列表中：

var elements = document.querySelectorAll('.elements'); // use 
//div[contains(@class,'option')] as element selector.

现在迭代列表：

// Iterate over them.
  [].forEach.call(elements, function (element) {

    // Manipulate each element.
    element.click();
  });
});