使用Google辅助功能开发者工具的jQuery UI日期选择器焦点问题

Question

我有验收测试，在jQuery UI Datepicker的页面上输入数据。

出于某种原因，日期选择器在无关输入字段输入数据时正在打开。这会导致其他元素在测试中稍后被遮挡和不可点击。

测试使用谷歌的Accessibility Developer Tools通过使用ChromeDriver的sendKeys（）输入数据时触发的侦听器。它看起来像这可能是重点日期选择器元素，但不会将其聚焦。

日期选择器或辅助功能工具的工作方式是否会导致此行为？

Answer 1

当可访问脚本运行（axs_testing.js）时，它通过调用每个元素的focus（）来检查每个元素是否可见。当日期选择器聚焦时会出现问题（打开对话框），然后当不同的元素之后关注时，对话框不会关闭。

这是因为它在领域失去焦点时没有触发关闭。如果确实如此，日历会在您点击它时立即消失，因为焦点会从字段改变并导致触发发生。

解决方法是修改可访问性脚本，以便在它调用focus（）的地方添加一个检查以查看它是否试图将焦点放在datepicker上（确保它尚未聚焦），然后关闭之后的日期选择器对话框。