Googleアクセシビリティデベロッパーツールを使用したjQuery UIのDatePickerフォーカスの問題

Question

jQuery UI Datepickerのページにデータを入力する受け入れテストがあります。

何らかの理由で、無関係な入力フィールドにデータが入力されたときに、日付ピッカーが開かれています。この結果、テストの後半に他の要素が隠され、解除不能になります。

このテストでは、ChromeDriverのsendKeys（）を使用してデータを入力したときにトリガーされるリスナーを通じて、GoogleのAccessibility Developer Toolsを使用してテストしています。これは、datepicker要素に焦点を当てているかもしれないが、フォーカスを外していないように見えます。

datepickerやアクセシビリティツールが動作するようなことがありますか？

Answer 1

アクセシビリティスクリプトを実行すると（axs_testing.js）、各要素でfocus（）を呼び出して各要素が表示されているかどうかを確認します。この問題は、datepickerがフォーカスされている（ダイアログを開く）ときに発生します。その後、別の要素がフォーカスされている場合、ダイアログは閉じません。

これは、フィールドがフォーカスを失ったときに閉じるトリガーがないためです。そうであれば、カレンダーはフォーカスをフィールドから離れて変化させ、そのトリガーを発生させるので、カレンダーをクリックするとすぐに消えます。

アクセシビリティスクリプトを変更してfocus（）を呼び出す場所に、日付ピッカーにフォーカスを当てようとしているかどうかを確認する（それがまだフォーカスされていないことを確認する）その後の日付ピッカーダイアログ。