ページ上の特定の要素にマウスオーバー（ホバー）した際に、ドロップダウン式のメニューやボタン等が表示されるというデザインは、多くのサイトで使用されています。
ユーザーのマウスオーバー操作に応じて現れたり消えたりする要素は、多くの場合マウスオーバーの時点で新たに生成されるようになっていたり、マウスオーバーが行われるまで見えない・触れない状態であったりします。
こうしたケースでは、例えばその要素に対するクリックやアサーションをレコーディングしただけでは、テスト実行時に以下のような事象が発生する場合があります。
- 誤った要素や、まだ表示されていない要素を選択してしまい要確認になる。
- 「対象の要素が見つかりませんでした。」あるいは「対象要素が操作できません。要素の状態を確認してください。」といったエラーが発生する。
この問題の解決方法は、マウスオーバーして表示される要素に対する操作ステップの前に、ホバーステップを挿入することです。
以下は、誤った要素を選択してしまい、要確認となった例です。
ステップ2の前に、ホバーステップを追加することで要確認の発生を回避することができました。
