使用Fluent/Explicit Wait仍触发org.openqa.selenium.NoSuchElementException

我在自动化测试中尝试使用Explicit Wait和Fluent Wait等待元素，但始终遭遇NoSuchElementException异常。唯一能成功定位到目标元素的方式是先用Thread.sleep()，之后再执行等待逻辑。

测试场景：

• 测试URL：https://vegas.netbet.com/help/
• 操作步骤：
  1. 将鼠标悬停在"My Account"菜单上
  2. 点击弹出的"FAQ"选项
  3. 点击FAQ列表中的第5项（点击任意项都会触发异常）

目标元素HTML代码：

<a ng-click="helpService.toggleAnswer(qa.id)" role="button" class="dropdown_link" aria-expanded="false" data-toggle="dropdown">
                    <p class="title grTextRed">"Placeholder Text</p>
                    <div class="caret_holder">
                        <span class="icon grTextRed down fa fa-caret-down"></span>
                        <span class="icon grTextRed up fa fa-caret-up"></span>
                    </div>
                </a>

已尝试的等待代码：

Fluent Wait 实现 #

FluentWait<WebDriver> fWait = new FluentWait<>(getWebDriver())
            .withTimeout(Duration.ofSeconds(10))
            .pollingEvery(Duration.ofMillis(500))
            .ignoring(NoSuchElementException.class); // org.openqa.selenium

Explicit Wait 实现 #

WebDriverWait wait = (WebDriverWait) new WebDriverWait(getWebDriver(), Duration.ofSeconds(15))
                .ignoring(NoSuchElementException.class);

我已经试过ExpectedConditions中的多数方法，但等待逻辑似乎并未忽略NoSuchElementException，异常依旧抛出。

1. 修复Wait对象的使用逻辑 #

你当前的代码仅实例化了Wait对象，但未通过until()方法传入具体等待条件——这是核心问题，等待逻辑根本没有执行。正确的Explicit Wait用法需要结合until()和合理的预期条件：

WebDriverWait wait = new WebDriverWait(getWebDriver(), Duration.ofSeconds(15));
// 等待元素可点击后再操作
WebElement targetElement = wait.until(ExpectedConditions.elementToBeClickable(
    By.cssSelector("a.dropdown_link[ng-click*='toggleAnswer']")
));
targetElement.click();

注：WebDriverWait默认已忽略NoSuchElementException和StaleElementReferenceException，无需手动调用.ignoring()。

2. 优化元素定位器 #

从目标HTML来看，可使用更精准的定位规则，避免匹配到重复元素：

• CSS选择器：By.cssSelector("a.dropdown_link[ng-click^='helpService.toggleAnswer']")（匹配以指定ng-click开头的a标签）
• XPath：By.xpath("//a[@role='button' and contains(@ng-click, 'toggleAnswer')]")（结合角色和ng-click属性定位）

3. 处理AngularJS页面的渲染延迟 #

该页面基于AngularJS开发，直接等待元素可能因框架未完成渲染而失败。可自定义等待条件，确保Angular的HTTP请求全部完成：

wait.until(driver -> {
    Boolean angularReady = (Boolean) ((JavascriptExecutor) driver).executeScript(
        "return window.angular !== undefined && angular.element(document).injector().get('$http').pendingRequests.length === 0"
    );
    return angularReady;
});

4. 确保悬停操作正确触发菜单展开 #

悬停"My Account"时，需等待菜单完全展开后再点击FAQ，避免因元素未就绪导致后续操作失败：

Actions actions = new Actions(getWebDriver());
WebElement myAccount = wait.until(ExpectedConditions.visibilityOfElementLocated(By.linkText("My Account")));
actions.moveToElement(myAccount).perform();
// 等待FAQ链接可点击
WebElement faqLink = wait.until(ExpectedConditions.elementToBeClickable(By.linkText("FAQ")));
faqLink.click();

完整可运行示例 #

WebDriver driver = getWebDriver();
driver.get("https://vegas.netbet.com/help/");

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(20));
Actions actions = new Actions(driver);

// 悬停并打开FAQ页面
WebElement myAccount = wait.until(ExpectedConditions.visibilityOfElementLocated(By.linkText("My Account")));
actions.moveToElement(myAccount).perform();
WebElement faqLink = wait.until(ExpectedConditions.elementToBeClickable(By.linkText("FAQ")));
faqLink.click();

// 等待Angular渲染完成
wait.until(driver -> {
    return (Boolean) ((JavascriptExecutor) driver).executeScript(
        "return window.angular && angular.element(document).injector().get('$http').pendingRequests.length === 0"
    );
});

// 定位并点击第5个FAQ项
WebElement fifthFaqItem = wait.until(ExpectedConditions.elementToBeClickable(
    By.cssSelector("a.dropdown_link:nth-of-type(5)")
));
fifthFaqItem.click();

内容的提问来源于stack exchange，提问作者Gabriel Dragomir