如何使用Selenium或Selenide选择md-autocomplete选项？

Question

这是我的Java尝试，但是我应该修复什么呢？

SelenideElement product = $(By.id("product"));
Assertions.assertEquals("Search product", product.attr("md-floating-label"));
product.find(By.tagName("input")).val("test");
SelenideElement span = product.find(By.tagName("span")); //this one and last lines does not work as expected
product.sendKeys(Keys.ARROW_DOWN);
product.pressEnter();

和HTML代码

<md-autocomplete id="product" flex="85" md-selected-item="ctrl.orderItem.product" md-search-text="ctrl.productQuery" md-items="item in ctrl.findProduct(ctrl.productQuery)" md-item-text="item.name" md-delay="300" md-floating-label="Search product">
  <div layout="row" class="item" layout-align="start center">
    <span md-highlight-text="ctrl.productQuery">{{item.name}}</span>
  </div>
</md-autocomplete>

Answer 1

我会尝试用XPath替换它，而不是做product.find(By.tagName("span"));：

SelenideElement span = product.find(By.xpath("//*[@id='product']/div/span"));

问题是span不是产品的直接子元素(这是一个md-autocomplete元素)，所以您需要一个稍微复杂一点的定位器来查找span。

Answer 2

也许你不需要做这件事Assertions.assertEquals("Search product", product.attr("md-floating-label"));

如果标签为'Search product‘的元素不存在，您将得到一个SoSuchElementException，如下所示