
115
5.3 JavaScript アニメーションを待つ
私たちは
Ajax
という厄介者に打ち勝ちました。それでは最近のウェブサイトにおける不安定さ
のもう一つの原因、
JavaScript
アニメーションに移りましょう
†
。
5.3
JavaScript
アニメーションを待つ
ウェブサイトが
Ajax
を使い始めるようになると、開発者とデザイナは新たな課題に直面しまし
た。これまでは、購入ボタンをクリックするといったウェブサイトとの主要なやり取りはみな、そ
れぞれのアクション後に何かが変化するという明確なインジケーションをユーザに与えていまし
た。ところが非同期リクエストを使った場合、ウェブページの一部で何か重要なことが起こっても、
ユーザは気づかないかもしれません。そこでデザイナは変更のあったセクションにユーザの注意を
引きつける方法を考え出しました。変化するコンテンツを黄色いボックスの中に表示してフェード
インすることから始まり、ギザギザのホイールをゆっくり回す、ページ全体をスワイプするなど、
さまざまなアニメーションが組み込まれました。
アニメーションはウェブページを変更する動作を指します。画像を追加、削除することから、ペー
ジ上にあるものすべてを削除してやり直すことまで、多岐におよびます。
たとえページ上に探している要素が技術的に存在していたとしても、
Selenium
テストが
ElementNotVisibleError
で失敗する場合がいくつかあります。次のような場合、テストはボタン
をクリックできません。
• ...