マウスオーバーステップが失敗する
  • 16 Aug 2022
  • 1 分で読めます
  • 投稿者
  • ダーク
    ライト

マウスオーバーステップが失敗する

  • ダーク
    ライト

Article Summary

「エレメントにマウスカーソルを重ねる」(またはマウスオーバー・ホバー)ステップが「要素が見つかりませんでした」というエラーで失敗する場合、ステップをレコーディングする対象の要素が誤っている可能性があります。

使用例

ドロップダウンメニュー

例えば、autify.com の「資料一覧」は、「関連資料」にマウスポインターを載せないと表示されません。「関連資料」にホバーステップを追加すると、テスト実行時に資料一覧などのメニューが表示されます。
ホバーステップの追加方法は、こちら で確認できます。

mouse_over_steps_fail_jp_2.png

ツールチップ

リンクテキストなどにマウスカーソルを当てたときに表示される吹き出しのようなUIを「ツールチップ」と呼びます。
ツールチップのような、ホバー要素からマウスを外すと表示が消えてしまう要素に対してテストしたい場合は、JSステップで対象要素を表示させてから対象要素をテストしてください。
こちらにJSステップのスニペットをご用意しています。

mouse_over_step_fail_pointing_target_2.png

mouse_over_step_fail_pointing_target_1.png

うまく行かない例

マウスオーバーにより、親要素が完全に隠れてしまう場合

マウスオーバーで表示される要素がとても大きい場合など、親要素が完全に隠れてしまうことがあります。この場合、マウスオーバーステップは表示された要素の方にレコーディングされてしまいます。マウスオーバーステップをレコーディングした後、親要素のCSSセレクターを指定してください。


この記事は役に立ちましたか?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.