라디오 버튼 조작 시 발생하는 “intercepts pointer events” 오류 해결

본 페이지에서는 테스트 실행 시 특정 라디오 버튼을 클릭하려고 할 때, "intercepts pointer events"라는 에러 메시지가 표시되며 실패하는 경우의 해결 방법에 대해 설명합니다.

현상 및 원인

테스트 실행 로그에 <element> intercepts pointer events라는 에러가 표시되며 타임아웃이 발생하는 경우가 있습니다.

이는 클릭하려는 요소(예: 라디오 버튼의 바깥쪽 원)의 전면에 다른 장식 요소(예: 안쪽 원 등)가 겹쳐져 있어 클릭 조작이 차단되기 때문에 발생합니다.

Angular Material 등의 컴포넌트 라이브러리를 사용하고 있는 경우나, 디자인이 복잡한 라디오 버튼에서 자주 발생하는 현상입니다.

해결 순서

클릭 대상 요소를 변경함으로써 이 문제를 해결할 수 있습니다. 다음 절차에 따라 단계를 수정해 주세요.

1. 해당 시나리오를 열고, 에러가 발생하고 있는 클릭 단계를 선택합니다.

2. 재레코딩 등으로 클릭 대상 요소를 다시 선택합니다. 이때 라디오 버튼의 원 부분이 아닌, 다음 중 하나를 선택해 주세요.

• 라벨 텍스트 (글자 부분)

• 라디오 버튼 전체를 감싸는 부모 요소

  

3. 변경 내용을 저장하고 테스트를 다시 실행합니다. 라디오 버튼이 정상적으로 선택되는지 확인하십시오.