出现ElementNotInteractableException报错无法选中分页下拉框50选项怎么办

问题根因与解决方案 #

1. 解决XPath匹配多元素问题 #

你当前拿到的pageCountElement大概率不是目标分页下拉框，因为现有XPath匹配到3个元素时，默认取第一个匹配项，自然会操作失败。不需要创建多个方法处理，直接生成唯一XPath即可：

• 打开浏览器F12元素面板，找到目标分页select元素，右键选择「复制-复制完整XPath」，拿到的路径就是唯一匹配的；
• 也可以手动加属性过滤，比如通过目标select独有的name、id属性，或者父级容器的唯一标识缩小匹配范围，例如把XPath调整为//div[@class='pagination-container']//select，确保只匹配到1个元素。

2. 修复元素不可交互问题 #

你当前的滚动逻辑存在问题，先按固定偏移量滚动窗口、再滚动到底部的操作，很容易出现滚动位置不对，导致option元素无法进入视口，调整逻辑如下：

• 拿到确定唯一的目标select元素后，直接滚动到该元素本身，不需要滚动整个页面：

// 直接将目标select元素滚动到视口居中位置
((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView({block: 'center', inline: 'nearest'});", pageCountElement);

• 如果常规Select类操作还是失效，可以直接用JS修改select的value值，绕过前端交互限制，不需要点击展开下拉框再选option：

// 直接给select赋值为50，同时触发change事件触发页面生效
((JavascriptExecutor)driver).executeScript("arguments[0].value = '50'; arguments[0].dispatchEvent(new Event('change'));", pageCountElement);

3. 优化后代码参考 #

// set pagination count -- 50
if (driver.findElements(By.xpath(AppXPathsConstants.paginationXpath)).size() != 0) {
    WebElement pageCountElement = getFluentWaitElementByXPath(AppXPathsConstants.paginationXpath, 20, driver);
    // 滚动到目标元素居中显示
    ((JavascriptExecutor)driver).executeScript("arguments[0].scrollIntoView({block: 'center', inline: 'nearest'});", pageCountElement);
    // 等待滚动完成，也可以替换为显式等待元素可交互
    Thread.sleep(100);
    // 优先用JS直接赋值，兼容性最好
    ((JavascriptExecutor)driver).executeScript("arguments[0].value = '50'; arguments[0].dispatchEvent(new Event('change'));", pageCountElement);
    // 如果需要使用Select类，注释上面JS代码，打开下方代码即可
    // Select drp = new Select(pageCountElement);
    // drp.selectByVisibleText("50");
    return true;
}

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