要素内の意図しない箇所がクリックされる
  • 25 Sep 2023
  • 1 分で読めます
  • 投稿者
  • ダーク
    ライト

要素内の意図しない箇所がクリックされる

  • ダーク
    ライト

記事の要約

Autifyのクリック

Autifyはレコーディング時に要素のどこをクリックしても(例えば要素の端)、テスト実行時は要素の中央をクリックします。これにより、テスト実行時に意図しない動きをしてしまい、テストが失敗することがあります。

テストが失敗するケース

例として、チェックボックスをチェックし、チェックがされているかを検証するシナリオを紹介します。

checkbox

このチェックボックスをチェックするには、チェックボックス(input要素)を直接クリックするか、全体を囲むdiv要素内のどこかをクリックする2つの方法があります。

checkbox-input-div

レコーディングではdiv要素内にある"This"のあたりをクリックしてチェックをしています。そのため、スクリーンショットのフォーカスはdiv要素全体に当たっています。このdiv要素の中央を見ると、ちょうどAutifyのWebサイトへのリンクになっていて、ここをクリックするとページ遷移が発生します。

focus-div

テストを実行すると、ステップ2のクリックがリンクのクリックになってしまい、ステップ3でページが遷移しています。そのため、チェックボックスが見つからずにテストが失敗しました。

ja-test-fail

対応方法

上記のケースでは、div要素ではなくinput要素をクリックすることで、テストが成功します。
要素の中央がクリックされたことでテストが失敗した場合は、意図したクリックとなるように、再レコーディングやクイック要素更新で要素のアップデートを行ってください。


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

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.