Angular SPA中Selenium等待进度条消失的实现问题

你的代码失效的核心原因是精确匹配class属性，而Angular动态生成的元素class包含多个动态值（比如ng-tns-c171-0、ng-animating），导致精确匹配无法命中目标元素。以下是几种可靠的解决方案：

方案1：使用CSS选择器匹配目标类 #

CSS选择器天然支持匹配包含指定类的元素，无需考虑其他动态class值，写法更简洁可靠：

new WebDriverWait(driver, Duration.ofSeconds(timeout)).until(
    ExpectedConditions.invisibilityOfElementLocated(
        By.cssSelector("div.ngx-spinner-overlay")
    )
);

方案2：使用XPath的contains匹配class #

如果偏好XPath，可以用contains方法匹配class属性中包含目标类的元素：

new WebDriverWait(driver, Duration.ofSeconds(timeout)).until(
    ExpectedConditions.invisibilityOfElementLocated(
        By.xpath("//div[contains(@class, 'ngx-spinner-overlay')]")
    )
);

方案3：处理动画延迟场景 #

如果进度条带有Angular动画（比如元素上有ng-animating类），动画期间元素可能仍处于可见状态，需要先等待动画结束，再判断元素是否消失：

// 等待动画类消失
new WebDriverWait(driver, Duration.ofSeconds(timeout)).until(
    ExpectedConditions.not(
        ExpectedConditions.presenceOfElementLocated(
            By.xpath("//div[contains(@class, 'ngx-spinner-overlay') and contains(@class, 'ng-animating')]")
        )
    )
);
// 再等待元素不可见
new WebDriverWait(driver, Duration.ofSeconds(timeout)).until(
    ExpectedConditions.invisibilityOfElementLocated(
        By.cssSelector("div.ngx-spinner-overlay")
    )
);

方案4：等待元素从DOM中移除 #

如果进度条元素是被直接从DOM中删除（而非仅仅隐藏），可以使用stalenessOf方法等待元素失效：

// 先定位到进度条元素
WebElement spinner = driver.findElement(By.cssSelector("div.ngx-spinner-overlay"));
// 等待元素不再存在于DOM中
new WebDriverWait(driver, Duration.ofSeconds(timeout)).until(ExpectedConditions.stalenessOf(spinner));

内容的提问来源于stack exchange，提问作者Peter Penzov