ラジオボタン操作時の「intercepts pointer events」エラー対処

本ページでは、テスト実行時に特定のラジオボタンをクリックしようとした際、「intercepts pointer events」というエラーメッセージが表示されて失敗する場合の対処法について説明します。

事象と原因

テスト実行ログに <element> intercepts pointer events というエラーが表示され、タイムアウトする場合があります。

これは、クリックしようとした要素（例：ラジオボタンの外側の円）の前面に、別の装飾要素（例：内側の円など）が重なって配置されており、クリック操作が遮断されているために発生します。

Angular Material 等のコンポーネントライブラリを使用している場合や、デザインが複雑なラジオボタンで発生しやすい現象です。

解決手順

クリック対象の要素を変更することで、この問題を解消できます。以下の手順でステップを修正してください。

1. 該当するシナリオを開き、エラーが発生しているクリックステップを選択します。

2. 再レコーディング等でクリック対象の要素を選択し直します。この際、ラジオボタンの円部分ではなく、以下のいずれかを選択してください。

• ラベルテキスト （文字部分）

• ラジオボタン全体を囲む親要素

  

3. 変更を 保存 し、テストを再実行します。ラジオボタンが正常に選択されることを確認してください。