使用Selenium WebDriver与Java自动化操作Ant Time Picker时结束时间失效如何解决

问题根因 #

多个Ant Design Time Picker共存时，你当前的OK按钮定位逻辑没有绑定对应弹窗实例，打开结束时间选择器后DOM中存在多个同类名OK按钮，导致操作命中了非目标按钮，所以功能失效。

可行解决方案 #

• 优化元素定位逻辑：每次触发对应时间选择器弹窗后，先定位到当前处于激活状态的Time Picker弹窗节点（可通过AntD默认添加的.ant-picker-dropdown-open类标识匹配），再在该弹窗节点范围内查找OK按钮，避免定位到其他时间选择器的按钮。
• 替换硬等待为显式等待：把Thread.sleep(3000)替换为Selenium显式等待，等待目标弹窗的OK按钮处于可点击状态后再执行点击操作，消除等待时长不稳定导致的操作失效问题。
• 改用回车事件确认输入：Ant Design Time Picker默认支持回车确认输入，输入时间后直接给对应输入框发送回车事件，可绕开定位OK按钮的步骤，大幅提升操作稳定性，示例逻辑如下：

  shiftEndHrs.click();
  shiftEndHrs.sendKeys(endtime);
  shiftEndHrs.sendKeys(Keys.ENTER);
  

• 操作前销毁已打开的弹窗：操作结束时间前，主动点击页面空白区域销毁之前打开的开始时间选择器弹窗，避免DOM中残留多个弹窗节点导致定位冲突。

优化后的参考代码 #

// 先点击空白区域关闭可能残留的弹窗
driver.findElement(By.tagName("body")).click();
// 操作结束时间选择器
shiftEndHrs.click();
shiftEndHrs.sendKeys(endtime);
// 显式等待激活状态的弹窗OK按钮可点击
WebElement endTimeOkBtn = new WebDriverWait(driver, Duration.ofSeconds(5))
    .until(ExpectedConditions.elementToBeClickable(By.cssSelector(".ant-picker-dropdown-open .ant-picker-ok button")));
endTimeOkBtn.click();

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