Java/Selenium自动化测试时Kendo下拉多选框无过滤结果问题

问题根源 #

从你提供的HTML能看出，这个组件是Kendo UI的MultiSelect——它底层虽然有个隐藏的<select>标签，但前端交互完全是自定义逻辑：下拉列表是点击输入框后动态生成的（对应create-task-users-list_listbox元素，初始页面上不存在），过滤功能也是通过Kendo的JavaScript监听输入事件实现的。

你当前代码的问题出在：

1. 误用了Selenium的Select类操作该组件——Select仅适用于原生HTML的<select>元素，但这个组件的隐藏<select>只是数据存储层，并非用户交互的入口。
2. 直接sendKeys后没有触发Kendo组件需要的过滤事件，也没等待动态下拉列表生成，导致自动化时列表始终为空。

手动测试正常是因为浏览器会完整触发组件的所有交互事件（点击展开下拉、输入时的keyup事件触发过滤），而自动化操作如果太“生硬”，会跳过这些必要的事件触发环节。

解决方案 #

下面是针对这个Kendo MultiSelect的正确自动化步骤，附Java代码示例：

1. 定位正确的交互元素 #

要操作的是页面上可见的输入框（class为k-input的那个），而非隐藏的<select>：

WebElement inputBox = driver.findElement(By.cssSelector("#create-task-users-list + div .k-input"));

2. 点击输入框并等待下拉列表展开 #

因为下拉列表是动态生成的，必须用显式等待确保它出现：

// 点击输入框触发下拉展开
inputBox.click();

// 等待下拉列表容器可见（通过列表id定位）
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
WebElement dropdownContainer = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("create-task-users-list_listbox")));

3. 输入文本并等待过滤后的选项出现 #

输入文本后，Kendo需要keyup事件触发过滤，我们可以通过sendKeys自然触发该事件，然后等待目标选项可见：

// 输入要过滤的邮箱
inputBox.sendKeys("user2@mytestapp.com");

// 等待过滤后的目标选项出现（用文本包含逻辑定位）
WebElement targetOption = wait.until(ExpectedConditions.visibilityOfElementLocated(
    By.xpath("//ul[@id='create-task-users-list_listbox']/li[contains(text(), 'user2@mytestapp.com')]")
));

4. 点击选项完成选择 #

最后点击过滤后的选项即可完成操作：

targetOption.click();

关于浏览器配置的可能影响 #

确实有些浏览器启动参数会影响这类JS组件的渲染，你可以检查以下几点：

• 禁用JavaScript？：绝对不能，Kendo是纯JS驱动的组件，必须确保浏览器未禁用JS（默认是启用的，但如果启动参数里加了--disable-javascript要去掉）。
• 无头模式问题：旧版Chrome的无头模式（--headless）对某些UI组件支持不佳，建议改用新版无头模式：--headless=new，或者暂时关闭无头模式测试是否正常。
• 窗口大小：如果浏览器窗口太小，组件可能无法正常渲染下拉列表，建议在启动后添加：

  driver.manage().window().maximize();
  

• 无痕模式：你已经试过清除缓存，还可以试试用无痕模式启动浏览器，避免残留状态影响：

  ChromeOptions options = new ChromeOptions();
  options.addArguments("--incognito");
  WebDriver driver = new ChromeDriver(options);
  

额外提示 #

• 永远不要直接操作隐藏的<select>元素，Kendo会通过JS同步UI和隐藏select的状态，手动操作隐藏select会导致UI与数据不同步。
• 所有涉及动态元素的操作都要用显式等待，避免因组件加载速度慢导致的NoSuchElementException。

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