如何等到 Selenium 中不再存在元素

Question

我正在测试用户单击删除按钮和表格条目消失的 UI。因此，我希望能够检查表条目是否不再存在。

我曾尝试使用ExpectedConditions.not() 反转ExpectedConditions.presenceOfElementLocated()，希望这意味着“期望不存在指定元素”。我的代码是这样的：

browser.navigate().to("http://stackoverflow.com");
new WebDriverWait(browser, 1).until(
        ExpectedConditions.not(
                ExpectedConditions.presenceOfElementLocated(By.id("foo"))));

但是，我发现即使这样做，我也会收到由 NoSuchElementException 引起的 TimeoutExpcetion，表示元素“foo”不存在。当然，没有这样的元素是我想要的，但我不希望抛出异常。

那么我怎样才能等到一个元素不再存在呢？如果可能的话，我更喜欢一个不依赖于捕获异常的示例（据我所知，应该为异常行为抛出异常）。

Answer 1

你也可以使用 -

new WebDriverWait(driver, 10).until(ExpectedConditions.invisibilityOfElementLocated(locator));

如果您浏览其中的the source，您可以看到NoSuchElementException 和staleElementReferenceException 都被处理了。

/**
   * An expectation for checking that an element is either invisible or not
   * present on the DOM.
   *
   * @param locator used to find the element
   */
  public static ExpectedCondition<Boolean> invisibilityOfElementLocated(
      final By locator) {
    return new ExpectedCondition<Boolean>() {
      @Override
      public Boolean apply(WebDriver driver) {
        try {
          return !(findElement(locator, driver).isDisplayed());
        } catch (NoSuchElementException e) {
          // Returns true because the element is not present in DOM. The
          // try block checks if the element is present but is invisible.
          return true;
        } catch (StaleElementReferenceException e) {
          // Returns true because stale element reference implies that element
          // is no longer visible.
          return true;
        }
      }

Answer 2

该解决方案仍将依赖于异常处理。这非常好，即使 standard Expected Conditions 依赖于 findElement() 抛出的异常。

这个想法是创建一个自定义预期条件：

  public static ExpectedCondition<Boolean> absenceOfElementLocated(
      final By locator) {
    return new ExpectedCondition<Boolean>() {
      @Override
      public Boolean apply(WebDriver driver) {
        try {
          driver.findElement(locator);
          return false;
        } catch (NoSuchElementException e) {
          return true;
        } catch (StaleElementReferenceException e) {
          return true;
        }
      }

      @Override
      public String toString() {
        return "element to not being present: " + locator;
      }
    };
  }

Answer 3

您为什么不简单地找到elements 的大小。如果 element 不存在，我们知道元素的 size 集合将为 0。

if(driver.findElements(By.id("foo").size() > 0 ){
    //It should fail
}else{
    //pass
}

Answer 4

我不知道为什么，但 ExpectedConditions.invisibilityOf(element) 是我唯一的工作，而 ExpectedConditions.invisibilityOfElementLocated(By)、!ExpectedConditions.presenceOfElementLocated(By) ... 不是。试试吧！

希望对您有所帮助！

Answer 5

// pseudo code
public Fun<driver,webelement> ElemtDisappear(locator)
{
    webelement element=null;
    iList<webelement> elemt =null;
    return driver=>
    {
    try
    {
    elemt = driver.findelements(By.locator);
    if(elemt.count!=0)
    {
    element=driver.findelement(By.locator);
    }
    }
    catch(Exception e)
    {
    }
    return(elemnt==0)?element:null;
};

// call function
public void waitforelemDiappear(driver,locator)
{
    webdriverwaiter wait = new webdriverwaiter(driver,time);
    try
    {
    wait.until(ElemtDisappear(locator));
    }
    catch(Exception e)
    {
    }
}

由于 findelement 在元素 unaviability 上引发异常。所以我使用 findelements 实现。请随时根据您的需要更正和使用它。

Answer 6

我找到了一种解决方法，可以有效地为我解决此问题，使用以下 C# 代码来处理此问题，您可以将其转换为 Java

    public bool WaitForElementDisapper(By element)
    {
        try
        {
            while (true)
            {
                try
                {
                    if (driver.FindElement(element).Displayed)
                        Thread.Sleep(2000);
                }
                catch (NoSuchElementException)
                {
                    break;
                }
            }
            return true;
        }
        catch (Exception e)
        {
            logger.Error(e.Message);
            return false;
        }
    }

Answer 7

好消息，它现在已经内置了（我在 2021 年使用 Node.js）

在给出之前的答案后，elementIsNotVisible 似乎已添加到 until。我正在使用 selenium webdriver 4.0.0-beta.3

检查一下：

const timeout = 60 * 1000; // 60 seconds
const element = await driver.findElement(By.id(elementId));

// this is the important line 
await driver.wait(until.elementIsNotVisible(element), timeout);