Select2 구성 요소를 사용하여 드롭다운 메뉴에서 옵션을 쉽게 검색하고 선택할 수 있습니다.
테스트에서 select2의 값을 설정할 수 있습니다. 그런 다음 테스트는 Select2의 검색 창에서 값을 검색합니다. 구성 요소 드롭다운에서 첫 번째 유효한 결과가 선택됩니다.
필요한 드롭다운 메뉴에서 페이지 검사기를 끌어다 놓습니다. 선택한 구성요소의 오른쪽 패널이 열립니다. 페이지 검사기 내의 구성 요소 값 설정 단계에서 검색할 텍스트를 지정할 수 있습니다.
Action(작업)에서 Set Component Value(구성요소 값 설정) 옵션을 선택하여 구성요소를 검색합니다. 오른쪽 패널에 텍스트를 입력하고 Submit(제출)을 클릭합니다. 이렇게 하면 코드에서 select2를 열어 해당 구성 요소를 검색하고 표시되는 첫 번째 옵션을 선택할 수 있습니다.
주:
비슷한 이름의 구성요소 옵션이 용어를 검색할 때 여러 개 표시되는 경우 첫 번째 옵션만 선택됩니다.
select2 지원의 제한 사항
select2 라이브러리의 특정 버전(3.5.1-3.5.4 및 4.0.0-4.0.13)만 지원됩니다.
select2 지원은 jquery 라이브러리에 따라 다릅니다. 따라서 select2 값을 설정하려고하고 jquery 라이브러리의 이름이 변경되면 테스트가 실패합니다.
검색 창이 없으면 Select2를 통한 검색이 작동하지 않습니다.
디자인 고려 사항
다음 설계 고려 사항에 따라 옵션을 효율적으로 검색하고 선택합니다.
고유하게 검색할 수 있는 테스트 데이터를 사용하는 것이 좋습니다.
구성요소 값 설정(사용자 지정 UI) 테스트 단계를 통해 Select2 값을 설정하는 동안 다음 요소를 설정하기 전에 현재 요소가 설정될 때까지 기다립니다.
