在调试模式下运行时元素是可点击的，但正常运行时会抛出 ElementClickInterceptedException

Question

我正在尝试进行网络自动化。 我正在定义一个弹出菜单，其中包含一个分别用 xpath 或 css 定义的按钮作为

• XPath:-->://button[contains(text(), 'Open Door')

• CSS:-->：div.device-item.content.view-content > div.detail > div > button.btn.btn-primary.ng-star-inserted

虽然一切都很好，但它会抛出

org.openqa.selenium.ElementClickInterceptedException: element click intercepted:

当我一次调试测试时，它 单击按钮成功运行，没有任何 问题。但是当我运行测试时，它失败了。我希望这不是等待问题，因为我们申请检查等待 按钮的存在并验证它是否存在且可点击。

我相信很多人会建议使用 JavaScriptExecutor 方法，但是我们的框架存在一个问题，即会将任何 Web 元素作为名为 "Element" 的自定义对象返回，这既不是 Web Element 也不是它的子类，而是扩展了 Object 并实现了一个名为 IElement 的接口，所以 我们不能使用 JavaScriptExecutor 方法，因为它需要 Web Element 形式的按钮，我们想点击。

Answer 1

如果它在调试中工作，则意味着覆盖自动消失。你可以等它消失

WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.invisibilityOfElementLocated(By.cssSelector("[id^='device-card']")));

在任何情况下，您都可以等待按钮可点击

button = wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//button[contains(text(), 'Open Door')")));
button.click();

Answer 2

它看起来像：

driver.executeScript("document.querySelector('button.btn').click()")

只需调整css

Answer 3

您需要注意以下几点：

• XPath //button[contains(text(), 'Open Door')：这个xpath 可以进一步优化成以下两种格式：
  • //button[text()='Open Door']
  • //button[contains(., 'Open Door')]
• CSS：div.device-item.content.view-content > div.detail > div > button.btn.btn-primary.ng-star-inserted 看起来不错，但我坚信 button.btn.btn-primary.ng-star-inserted 也可以。
• “...在调试模式下成功执行...”：因为浏览器客户端有足够的时间来解决网页动态并且所需的 WebElement 有足够的时间来获得 交互式 .
• “...我们充分检查等待按钮的存在并验证它是否存在并且可点击...”：这是一个神话：
  • presenceOfElementLocated()：是期望检查一个元素是否存在于页面的 DOM 上。这并不一定意味着该元素是可见的。
• 其中：
  • elementToBeClickable()：检查元素的期望是否可见并启用，以便您可以单击它。
• 由于您的用例是在元素上调用 click()，因此您需要将 ExpectedConditions 用作 elementToBeClickable()。

• 例子：

  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("css_element"))).click();
  

您可以在What is the most efficient way to wait for a page element (xpath) to show up in Selenium Webdriver?找到详细讨论

• 最后，当使用Selenium java 客户端时，有一些来自JavascriptExecutor 的方法，但这应该是最后的手段。

---

更新

由于您仍然看到错误 ...ElementClickInterceptedException: element click intercepted...，您可以添加一个额外的步骤来为 诱导 WebDriverWait 隐形，您可以使用以下任一选项：

• invisibilityOf(WebElement element):

  new WebDriverWait(driver, 20).until(ExpectedConditions.invisibilityOf(overlapping_webelement));
  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("css_clickable_element"))).click();
  

• invisibilityOfElementLocated(By locator):

  new WebDriverWait(driver, 20).until(ExpectedConditions.invisibilityOfElementLocated(By.cssSelector("css_overlapping_element")));
  new WebDriverWait(driver, 20).until(ExpectedConditions.elementToBeClickable(By.cssSelector("css_clickable_element"))).click();
  

您可以在Selenium invisibilityOf(element) method throwing NoSuchElementException + WebDriverWait.ignoring(NoSuchElementException.class) is not working找到相关的详细讨论

Answer 4

1. 您可以将鼠标移动到该元素然后单击它，即使我遇到了这个问题，这个解决方案也解决了它

   Actions clickOnBtn = new Actions(driver);
   clickOnBtn .moveToElement("//button[contains(text(), 'Open Door')").click().build().perform;
   

2. 即使元素在屏幕上不完全可见也会发生这种情况，在这种情况下，您可以滚动到该元素，然后使用上面的代码，如下所示

   JavascriptExecutor jse2 = (JavascriptExecutor)driver;
   jse2.executeScript("arguments[0].scrollIntoView()", ele); 
   Actions clickOnBtn = new Actions(driver);
   clickOnBtn .moveToElement("//button[contains(text(), 'Open Door')").click().build().perform;
   

3. 使用javascriptExecutor点击元素

   JavascriptExecutor executor = (JavascriptExecutor)driver;
   executor.executeScript("arguments[0].click();", ele);
   

4. 有时我们选择元素的方式也会发生这种情况，xpath可以更改，我们可以尝试使用父标签而不是按钮并尝试

Answer 5

您可以通过点击操作定义自己的 ExpectedCondition：

public class SuccessfulClick implements ExpectedCondition<Boolean> {
    private WebElement element;

    public SuccessfulClick(WebElement element) { //WebElement element
        this.element = element;
    }

    @Override
    public Boolean apply(WebDriver driver) {
        try {
            element.click();
            return true;
        } catch (ElementClickInterceptedException | StaleElementReferenceException | NoSuchElementException e) {
            return false;
        }
    }
}

然后使用它：

wait10.until(elementToBeClickable(btn));
wait10.until(new SuccessfulClick(btn));