pa11y を使用して作業している Web サイトのログイン エクスペリエンスのアクセシビリティをテストしようとしています。以下の構成で pa11y-ci を使用していますが、動作しないようです。
{
"urls": [
{
"url": "https://somewhere/home",
"actions": [
"set field #email to jondoe@somewhere.com",
"click element #passwordsignin",
"wait for url to be https://somewhere/password"
],
"timeout": 60000
}
]
}
次のエラーで失敗します。
Error: Failed action: no element matching selector "#email"
ID #email の入力が HTML にあることがわかります (コードに基づいて、HTML を調べます)。問題は、DOM で入力がレンダリングされる前にテストが実行されることだと思います (これは、React で記述された単一ページのアプリケーションです)。アクションに以下のようなものを追加しようとしました:
"wait for element #email to be added"
しかし、うまくいきませんでした。次のエラーが表示されます。
Error: Evaluation failed: EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "default-src 'self'".
at new Function (<anonymous>)
at waitForPredicatePageFunction (<anonymous>:2:21)
どんな助けでも大歓迎です、どうもありがとう。
(参考までに、ここにリストされている例を問題なく実行できます)