当元素是同一个元素时，是什么原因导致元素不能被点击？

Question

imgWebElement单击很少会失败，即使要获得单击的元素是相同的，也不会声称该元素不可单击。

我有一个对话框，包含一些按钮（关闭按钮与img X在里面）。

如您所见，元素是相同的。我开始怀疑这个元素的陈旧性，它的支持性，甚至元素移动的可能性。

下面是一个代码片段，其中包括调试消息，我将解释。

private static final By X_BUTTON__SELECTOR
    = WlSeleniumUtils.selectTagWithClass("img", "gwt-Image");

public void clickAndReturnIfAny() {
   WebElement closeImage = manageWorkspaceDialogWebElem
     .findElement(X_BUTTON__SELECTOR);

   // print the elements location before clicking
   System.out.println(String.format
     ("Position: %s, Dimensions: %s", 
      closeImage.getLocation() + "", 
      closeImage.getSize() + ""));
   try {

     // print check for staleness and enablement.
     System.err.println
         ("close button: stale? "
          + driverHelper.isStale(closeImage)
          + " displayed? " + closeImage.isDisplayed()
          + " enabled? " + closeImage.isEnabled()
          + " clickable? " + (ExpectedConditions
                              .elementToBeClickable
                              (closeImage)
                              .apply(driverHelper.getDriver())
                              != null));
     closeImage.click();
   }
   catch (WebDriverException wde) {
     System.err.println
         ("Faied to click manage-workspaces dialog's "
          + "close button: stale? "
          + driverHelper.isStale(closeImage)
          + " displayed? " + closeImage.isDisplayed()
          + " enabled? " + closeImage.isEnabled()
          + " clickable? " + (ExpectedConditions
                              .elementToBeClickable
                              (closeImage)
                              .apply(driverHelper.getDriver())
                              != null));

     // print the entire HTML content to check for multiple img tags.
     System.err.println
         (manageWorkspaceDialogWebElem.getAttribute("innerHTML"));

     // fetch the element again and check its location
     closeImage = manageWorkspaceDialogWebElem
         .findElement(X_BUTTON__SELECTOR);
     System.out.println(String.format
             ("Position: %s, Dimensions: %s",
              closeImage.getLocation() + "",
              closeImage.getSize() + ""));

     throw new RuntimeException
         ("Failed to close mange-workspaces dialog.", wde);
   }
}

在执行单击之前：

正如您所看到的，内部HTML只是一个IMG：

<div class="popupContent">
   <table cellspacing="0" cellpadding="0" style="background-color: rgb(255, 255, 255); width: 100%; height: 100%;">
      <tbody>
         <tr>
            <td align="right" style="vertical-align: top;"><button type="button" class="wl-popup-close-button" style="border-style: none; outline-style: none; background-color: rgb(255, 255, 255); padding: 0px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAHdElNRQfhCB8QKRBsEUJwAAAAn0lEQVQoz72RMQ7CMAwADwbgCSyhqmDpFj6AWqSOfIoH8BkGNsLGhiwG6NKJDvwBBoaExPCAeontu0SWA32F1HKTRawyucjK58PQ21LgvCIZjiU7DwbhzpQjBR0lbxw5LaXtlKCUl8ZKiAoapxkARkzCOU7NKMiMEzktdwxO5n9CxBVrGq18Xzh4bB/2SUWDYf+7qI1cxaRx5Sx1b7/0AYDRNbDgNXvDAAAAAElFTkSuQmCC" class="gwt-Image" style="visibility: visible;"></button></td>
         </tr>
      </tbody>
   </table>
</div>

因此，任何关于为什么会发生这种情况的建议都将非常感谢。

Answer 1

尝试诱导java Scripts executor单击下面的XPath元素。

WebElement element=driver.findElement(By.xpath("//button[@class='wl-popup-close-button']/img[@class='gwt-Image']"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", element);