为什么在这种情况下会发生 Stale Element 异常？

Question

我有以下 webdriver 功能：

this.clickButton = async function () {
  try {
    var buttonElement = await driver.findElement(By.className('button-class'));
    await buttonElement.click();
  }
  catch (err) {
    console.log(err);
  }
}

这有时会给出Stale Element exception。

即使我将其更改为，我有时也会遇到该异常：

this.clickButton = async function () {
  try {
    await driver.findElement(By.className('button-class')).click();
  }
  catch (err) {
    console.log(err);
  }
}

我的问题是：

1. 在此函数中是否会出现Stale Reference exception 是否正常/预期，我在其中获取元素引用，然后在下一行甚至同一行使用它，对页面不执行任何其他操作? （如果不存在“按钮类”的元素，我可以理解得到一个“未找到元素”异常，但对我来说，该元素在我搜索它的时间存在是没有意义的，但它是在到达下一行代码时消失了。）

2. 如果问题 1 的答案是肯定的，那怎么可能？找到的元素会立即采取行动，就像在这种情况下一样？如您所见，我没有重用定位器/元素；该函数每次调用时都会搜索元素，并在单击后立即结束。

3. 单击按钮会将自身从页面中删除是否相关？也就是说，我是否会因为单击后按钮消失而收到此异常？

Answer 1

你必须使用 selenium 的 wait-until-clickable 操作符，出现这个错误是因为它仍然没有出现在 DOM 中或者仍然不可点击。 示例代码：

var webDriver= new ChromeDriver(Constants.DriverPath);
WebDriverWait wait = new WebDriverWait(webDriver, TimeSpan.FromSeconds(5));
            wait.Until(SeleniumExtras.WaitHelpers.ExpectedConditions.ElementToBeClickable(By.ClassName('button-class')));

然后你就可以做你的操作了：

var buttonElement = await webDriver.FindElement(By.ClassName('button-class'));
    await buttonElement.Click();

在 JavaScript 中没有可点击，但您可以检查可见并启用状态，例如：

driver.findElement(webdriver.By.name('q')).then(function (element) {
    driver.wait(function () {
        return element.isDisplayed().then(function (displayed) {
            if (!displayed)
                return false;

            return element.isEnabled();
        });
    });
    element.sendKeys('webdriver');
});