AntD 3升级至AntD 4后动态下拉框Java Selenium自动化失效问题求助

Ant Design 4.x版本对Select组件进行了重构，默认启用虚拟滚动特性实现大数据量下拉选项的性能优化：仅渲染当前可视区域内的10个选项，超出可视范围的选项不会生成真实DOM节点，滚动时才会动态替换可视区域内的DOM内容。因此原有直接定位全量选项、或直接查找不可见选项的Selenium自动化代码会出现定位失败的问题。

方案1：借助无障碍隐藏节点定位（优先推荐） #

从提供的HTML结构可以看到，AntD为了兼容无障碍访问，保留了ID为credential_type_list的隐藏全量选项列表，所有选项的aria-label属性和选项文本完全对应，无需处理滚动即可直接定位任意选项。
Java实现代码如下：

// 点击触发下拉框展开
driver.findElement(By.cssSelector(".ant-select-selector")).click();
// 定位隐藏列表中对应文本的选项
WebElement targetOption = driver.findElement(By.xpath("//div[@id='credential_type_list']/div[@aria-label='目标选项文本']"));
// 执行JS触发选中（隐藏元素无法通过Selenium原生click触发）
JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;
jsExecutor.executeScript("arguments[0].click();", targetOption);

方案2：模拟滚动逐屏查找 #

如果无障碍节点被移除或修改，可通过模拟滚动逐屏加载选项，直到找到目标选项：

// 展开下拉框
driver.findElement(By.cssSelector(".ant-select-selector")).click();
String targetOptionText = "需要匹配的选项文本";
// 定位虚拟滚动容器
WebElement scrollContainer = driver.findElement(By.cssSelector(".rc-virtual-list-holder"));
JavascriptExecutor jsExecutor = (JavascriptExecutor) driver;

long lastScrollHeight = (long) jsExecutor.executeScript("return arguments[0].scrollHeight", scrollContainer);
while (true) {
    // 检查当前屏是否存在目标选项
    List<WebElement> currentOptions = driver.findElements(By.cssSelector(".ant-select-item-option-content"));
    Optional<WebElement> targetOpt = currentOptions.stream()
            .filter(option -> targetOptionText.equals(option.getText()))
            .findFirst();
    if (targetOpt.isPresent()) {
        targetOpt.get().click();
        break;
    }
    // 滚动到容器底部触发加载下一页选项
    jsExecutor.executeScript("arguments[0].scrollTop = arguments[0].scrollHeight", scrollContainer);
    // 等待新选项加载完成，建议替换为显式等待逻辑提升稳定性
    Thread.sleep(300);
    // 判断是否已滚动到底部无更多选项
    long newScrollHeight = (long) jsExecutor.executeScript("return arguments[0].scrollHeight", scrollContainer);
    if (newScrollHeight == lastScrollHeight) {
        throw new NoSuchElementException("下拉列表中未找到目标选项：" + targetOptionText);
    }
    lastScrollHeight = newScrollHeight;
}

方案3：关闭虚拟滚动（可选，需前端配合） #

如果业务场景下拉选项数据量不大，可和前端开发沟通，给对应Select组件添加virtual={false}属性关闭虚拟滚动特性，全量选项都会渲染到DOM中，原有自动化代码无需修改即可直接运行。

• 滚动查找方案中，建议将固定等待Thread.sleep替换为显式等待，比如监听滚动容器高度变化、或监听选项数量变化，可大幅提升用例稳定性。
• 若仅需要给下拉框赋值不需要模拟用户点击操作，也可以直接通过JS修改Select组件绑定的表单值，执行效率更高。

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