Selenium Java：复选框ElementNotInteractableException问题求助

问题描述 #

我是Selenium新手，尝试选中复选框时遇到以下错误：

org.openqa.selenium.ElementNotInteractableException: element not interactable: element has zero size

页面中只能通过一个class属性定位该复选框，使用XPath //label[@class='k-checkbox-label k-no-text'] 会匹配到5个元素，将鼠标悬停在::before伪元素上时，能定位到目标复选框。

HTML结构截图：

完整错误日志：

SLF4J: No SLF4J providers were found.
SLF4J: Defaulting to no-operation (NOP) logger implementation
SLF4J: See https://www.slf4j.org/codes.html#noProviders for further details.
Starting ChromeDriver 110.0.5481.77 (65ed616c6e8ee3fe0ad64fe83796c020644d42af-refs/branch-heads/5481@{#839}) on port 3377
Only local connections are allowed.
Please see https://chromedriver.chromium.org/security-considerations for suggestions on keeping ChromeDriver safe.
ChromeDriver was started successfully.
[1678533192.649][WARNING]: This version of ChromeDriver has not been tested with Chrome version 111.
[1678533192.656][WARNING]: virtual void DevToolsClientImpl::AddListener(DevToolsEventListener *) subscribing a listener to the already connected DevToolsClient. Connection notification will not arrive.
Mar 11, 2023 4:43:12 PM org.openqa.selenium.devtools.CdpVersionFinder findNearestMatch
WARNING: Unable to find an exact match for CDP version 111, so returning the closest version found: 110
Exception in thread "main" org.openqa.selenium.ElementNotInteractableException: element not interactable: element has zero size
  (Session info: chrome=111.0.5563.64)
Build info: version: '4.8.1', revision: '8ebccac989'
System info: os.name: 'Windows 11', os.arch: 'amd64', os.version: '10.0', java.version: '17.0.6'
Driver info: org.openqa.selenium.chrome.ChromeDriver
Command: [4b1fabc44ae8e1e79c8e00d32813d494, clickElement {id=15a5a2eb-1f11-4702-8a33-d3d83624cd1f}]
Capabilities {acceptInsecureCerts: false, browserName: chrome, browserVersion: 111.0.5563.64, chrome: {chromedriverVersion: 110.0.5481.77 (65ed616c6e8e..., userDataDir: C:\Users\MKUCHE~1\AppData\L...}, goog:chromeOptions: {debuggerAddress: localhost:51423}, networkConnectionEnabled: false, pageLoadStrategy: normal, platformName: WINDOWS, proxy: Proxy(), se:cdp: ws://localhost:51423/devtoo..., se:cdpVersion: 111.0.5563.64, setWindowRect: true, strictFileInteractability: false, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unhandledPromptBehavior: dismiss and notify, webauthn:extension:credBlob: true, webauthn:extension:largeBlob: true, webauthn:virtualAuthenticators: true}
Element: [[ChromeDriver: chrome on WINDOWS (4b1fabc44ae8e1e79c8e00d32813d494)] -> xpath: //label[@class='k-checkbox-label k-no-text'][position()=1]]
Session ID: 4b1fabc44ae8e1e79c8e00d32813d494
    at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
    at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:77)
    at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
    at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:499)
    at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:480)
    at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.createException(W3CHttpResponseCodec.java:200)
    at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:133)
    at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:53)
    at org.openqa.selenium.remote.HttpCommandExecutor.execute(HttpCommandExecutor.java:184)
    at org.openqa.selenium.remote.service.DriverCommandExecutor.invokeExecute(DriverCommandExecutor.java:167)
    at org.openqa.selenium.remote.service.DriverCommandExecutor.execute(DriverCommandExecutor.java:142)
    at org.openqa.selenium.remote.RemoteWebDriver.execute(RemoteWebDriver.java:543)
    at org.openqa.selenium.remote.RemoteWebElement.execute(RemoteWebElement.java:257)
    at org.openqa.selenium.remote.RemoteWebElement.click(RemoteWebElement.java:78)
    at Demo.TestPage.main(TestPage.java:57)

解决方案 #

1. 定位真正可交互的元素 #

这类UI框架（如Kendo UI）的复选框，实际可点击的是<input type="checkbox">元素，而非label。可通过label的关联关系定位input：

// 定位第一个目标复选框的input元素
WebElement targetCheckbox = driver.findElement(By.xpath("(//label[@class='k-checkbox-label k-no-text']//preceding-sibling::input[@type='checkbox'])[1]"));

2. 加入显式等待确保元素可交互 #

元素零尺寸大概率是因为未完全加载，用显式等待等待元素可点击：

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement targetCheckbox = wait.until(ExpectedConditions.elementToBeClickable(
    By.xpath("(//label[@class='k-checkbox-label k-no-text']//preceding-sibling::input[@type='checkbox'])[1]")
));
targetCheckbox.click();

3. 通过JavaScript强制点击（针对伪元素场景） #

如果必须点击label的伪元素区域，可借助JavaScript执行点击：

WebElement labelElement = driver.findElement(By.xpath("(//label[@class='k-checkbox-label k-no-text'])[1]"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", labelElement);

4. 匹配ChromeDriver与Chrome版本 #

日志提示ChromeDriver 110未适配Chrome 111，版本不兼容也可能导致交互异常，建议更新ChromeDriver至与浏览器版本一致的版本。

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