使用Selenium时wait.until返回过时元素，如何等待DOM稳定？

Blazor的组件重绘机制会动态替换DOM元素，导致Selenium提前获取的元素很快变为过时状态（stale）。要避免Thread.Sleep，可以通过以下几种方式确保等待到最终稳定的元素：

方法1：在等待逻辑中直接尝试点击（推荐） #

利用Selenium的Wait.Until循环特性，每次重新查找元素并尝试点击，遇到stale或不可交互异常时自动重试，直到成功或超时：

var xPath = By.XPath($".//tr//td[normalize-space()=\"{name}\"]/ancestor-or-self::tr//button");

_wait.Until(driver => {
    try {
        var button = driver.FindElement(xPath);
        if (button.Displayed && button.Enabled) {
            button.Click();
            return true; // 点击成功，结束等待
        }
        return false; // 元素不可交互，继续等待
    }
    catch (StaleElementReferenceException) {
        return false; // 元素已过时，重新查找
    }
    catch (ElementNotInteractableException) {
        return false; // 元素暂时不可交互，继续等待
    }
});

这种方法不需要额外判断元素稳定性，直接以"点击成功"作为最终条件，完美适配Blazor的动态渲染特性。

方法2：等待元素属性稳定 #

如果需要先获取元素再执行其他操作，可以等待元素的某个关键属性（如文本、innerHTML）连续两次获取结果一致，确保Blazor已完成重绘：

var xPath = By.XPath($".//tr//td[normalize-space()=\"{name}\"]/ancestor-or-self::tr//button");

var stableButton = _wait.Until(driver => {
    // 第一次获取元素及属性
    var firstElement = driver.FindElement(xPath);
    var firstText = firstElement.Text;
    
    // 等待极短时间后再次获取
    System.Threading.Thread.Sleep(50); // 仅50ms，远小于1000ms
    var secondElement = driver.FindElement(xPath);
    var secondText = secondElement.Text;
    
    // 属性一致则返回稳定元素
    return firstText == secondText ? secondElement : null;
});

stableButton.Click();

这里的短Sleep是为了给Blazor留出重绘的极小窗口，比固定1000ms更高效，且避免不必要的等待。

方法3：等待Blazor渲染完成（针对Blazor Server/WebAssembly） #

通过执行JavaScript判断Blazor的渲染状态，确保页面所有动态更新完成后再操作元素：

// 等待Blazor加载完成且未处于重连状态
_wait.Until(driver => {
    return (bool)((IJavaScriptExecutor)driver).ExecuteScript(@"
        return typeof window.Blazor !== 'undefined' && 
               (!window.Blazor.reconnecting || window.Blazor.reconnecting === false);
    ");
});

// 再查找并点击按钮
var button = _wait.Until(ExpectedConditions.ElementToBeClickable(xPath));
button.Click();

注意：不同Blazor版本的全局对象可能略有差异，需根据实际情况调整JS脚本。

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