等待元素的可见性

Question

所以我们有一页医学专科。它原本只是英文的。因此，如果您搜索“neuro”，则HTML看起来类似于

<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="width: 476.672px; position: relative; top: -1005px; left: 542.828px; display: none;">
 <LI class="ui-menu-item"> Neurology</Li>
 <LI class="ui-menu-item"> Neuro Surgeon </li>
 </UL>

然后他们添加了西班牙语，所以并不是所有的结果都会返回，但是只有西班牙语是可见的。一个新的

> 添加在底部。

 <ul id="ui-id-2" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="width: 476.672px; position: relative; top: -1005px; left: 542.828px; display: none;">
 <LI class="ui-menu-item"> Neurologa </LI>
 <LI class="ui-menu-item"> Neurologo Cirujano </LI>
 </UL>

 waitForXpathVisibility("//li[@class='ui-menu-item']");

是否有方法等待任何匹配xpath的元素可见？注意，visibilityOfAllElements（）将不起作用，因为它们不会全部可见。

我想可以做的是，预先计算所有带有@id和“width”的元素作为样式的一部分。“Display；none”将不起作用，因为存在具有此值的其他%s。然后进行搜索，等待%s的数目增加1，获取最后一个的id，然后等待

Answer 1

我想你要找的是

//ul[contains(@class,'ui-menu')][last()]/li
^ finds a UL
    ^ that contains the 'ui-menu' class
                                ^ get the last one (the one that contains visible elements)
                                        ^ get the LI children

您应该可以使用VisibilityOfAllElements等到所有这些都可见。

边注...不要编写仅限于XPath的方法waitForXPathVisibility()。这使得您必须为您使用的每个定位器类型（CSS选择器、名称、id等）编写一个方法。相反，将by作为参数并使其泛型化。见下文。

public void waitForVisibilityOfElement(By locator)
{
    new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfElementLocated(locator));
}

public void waitForVisibilityOfElements(By locator)
{
    new WebDriverWait(driver, 10).until(ExpectedConditions.visibilityOfAllElementsLocatedBy(locator));
}

By someElementLocator = By.id("someId");
By someElementLocator = By.xpath("//ul[contains(@class,'ui-menu')][last()]/li"); // or this
By someElementLocator = By.cssSelector("ul.ui-menu"); // or this
waitForVisibilityOfElement(someElementLocator);