선택 요소 선택지를 일괄적으로 검증하는 방법

이 페이지에서는 셀렉트 요소(풀다운) 내의 선택지 텍스트를 한꺼번에 가져와, 기대하는 목록과 일치하는지 일괄적으로 대조하는 절차를 설명합니다.

절차

1. 셀렉트 요소의 로케이터 가져오기

1. 일반적인 레코딩으로 대상 셀렉트 요소를 클릭하고, 임의의 선택지를 선택하는 단계를 생성합니다.

2. 생성한 단계를 열고 고급 설정을 클릭합니다.

3. 로케이터 변경을 클릭합니다.

4. 표시된 로케이터를 복사하여 메모장 등에 별도로 기록해 둡니다.

2. 검증용 텍스트(선택지 목록) 준비하기

1. 브라우저에서 대상 페이지를 열고 개발자 도구(F12)를 실행합니다.

2. Elements(요소) 탭에서 대상 셀렉트 요소(<select>)를 찾습니다.

   

3. 대상 요소를 우클릭하고 Copy → Copy element를 선택합니다.

   

4. 메모장 등에 붙여넣은 뒤, <option> 등의 HTML 태그를 제거하여 선택지의 텍스트만 추출합니다.

   각 선택지는 줄바꿈으로 구분된 '하나의 텍스트 블록'으로 만듭니다(순서도 그대로 유지합니다).

   가져오기 예시(HTML)

   <select id="pet-select">
                   <option value="">--Please choose an option--</option>
                   <option value="dog">Dog</option>
                   <option value="cat">Cat</option>
                   <option value="hamster">Hamster</option>
                   <option value="parrot">Parrot</option>
                   <option value="spider">Spider</option>
                   <option value="goldfish">Goldfish</option>
   </select>

   텍스트 예시(기대값으로 붙여넣을 형태)

   --Please choose an option--
   Dog
   Cat
   Hamster
   Parrot
   Spider
   Goldfish

3. 일괄 어설션(검증) 단계 생성 및 편집하기

1. 화면상의 임의의 위치에서 텍스트를 확인하는 단계를 새로 생성합니다(나중에 내용을 교체합니다).

2. 해당 단계를 열고 고급 설정을 클릭합니다.

3. 다음 항목을 설정합니다:

   • 로케이터: 절차 1에서 기록해 둔 로케이터로 수정합니다.

   • 액션: 텍스트 확인를 선택합니다.

   • 매치 타입: 같음을 선택합니다.

   • 텍스트(기대값): 절차 2에서 준비한 '줄바꿈을 포함한 선택지 목록'을 그대로 붙여넣습니다.

4. 완료를 클릭하여 저장합니다.

유의 사항

• 기대값과 실제값의 비교는 줄바꿈, 공백, 기호 등을 포함하여 엄격하게 판정됩니다. 육안으로 보기에 같더라도 불필요한 공백이나 줄바꿈 차이로 인해 검증에 실패할 수 있습니다.

• 선택지의 '순서'나 '개수'가 다른 경우에도 실패합니다.

• 실행 결과에서 단계가 실패하는 경우, 기대값 텍스트(줄바꿈 구분)와 페이지 측의 선택지 텍스트를 대조하여 차이점을 확인해 주세요. 사이트의 DOM 구조에 따라 텍스트를 제대로 가져오거나 비교하지 못하는 경우가 있을 수 있습니다.