"element 체크됨" 어서션을 사용할 수 없는 경우의 대체 방법

Prev Next

레코딩 중에 대상 요소에 대해 "element 체크됨" 또는 "element 체크 해제됨" 어서션을 사용하고 싶지만, 메뉴에서 비활성화(회색으로 표시)되어 선택할 수 없는 경우의 대처 방법에 대해 설명합니다.

이 현상은 대상 요소가 표준 HTML 체크박스 요소가 아닌 경우에 발생합니다. CSS나 JavaScript 등을 사용하여 모양만 체크박스처럼 구현된 사용자 지정 UI 요소(<div> 또는 <span> 등)는 표준 HTML 체크박스 요소가 아니므로 "요소가 체크되어 있음" 어서션의 대상에서 제외됩니다.

이러한 경우, 대체제로 "모양이 같음" 어서션을 사용하여 체크 상태를 확인할 수 있습니다.

절차

대상 요소가 체크된 상태(또는 확인하려는 상태)의 모양을 비교하는 단계를 생성합니다.

  1. 레코딩을 시작하고 대상 요소를 체크된 상태로 만드십시오.

  2. element assertion icon 레코더 도구 모음에서 아이콘을 클릭합니다.

  3. 대상 요소를 클릭하십시오.

  4. 어서션 메뉴가 표시되면 외형 변화 없음을 선택하십시오.

  5. 차이 임계값(%)을 설정하는 화면이 표시되면 허용할 픽셀 차이 비율을 입력하십시오(기본값은 0입니다).

  6. **추가**를 클릭하여 어서션을 확정하십시오.