使用Google輔助功能開發者工具的jQuery UI日期選擇器焦點問題

Question

我有驗收測試，在jQuery UI Datepicker的頁面上輸入數據。

出於某種原因，日期選擇器在無關輸入字段輸入數據時正在打開。這會導致其他元素在測試中稍後被遮擋和不可點擊。

測試使用谷歌的Accessibility Developer Tools通過使用ChromeDriver的sendKeys（）輸入數據時觸發的偵聽器。它看起來像這可能是重點日期選擇器元素，但不會將其聚焦。

日期選擇器或輔助功能工具的工作方式是否會導致此行爲？

Answer 1

當可訪問腳本運行（axs_testing.js）時，它通過調用每個元素的focus（）來檢查每個元素是否可見。當日期選擇器聚焦時會出現問題（打開對話框），然後當不同的元素之後關注時，對話框不會關閉。

這是因爲它在領域失去焦點時沒有觸發關閉。如果確實如此，日曆會在您點擊它時立即消失，因爲焦點會從字段改變並導致觸發發生。

解決方法是修改可訪問性腳本，以便在它調用focus（）的地方添加一個檢查以查看它是否試圖將焦點放在datepicker上（確保它尚未聚焦），然後關閉之後的日期選擇器對話框。