로케이터를 추가하여 요소 지정

기사 요약

이 요약이 도움이 되었나요?

의견을 보내 주셔서 감사합니다.

자동 유지 관리 AI 는 요소의 여러 기능을 기반으로 종합적으로 판단하여 마지막 테스트 또는 기록에서 선택한 요소와 가장 일치하는 요소를 찾습니다. 웹사이트에 변경 사항이 있는 경우에도 계속해서 요소를 선택할 수 있습니다.

반면에 AI에 의존하지 않고 클릭, 입력 또는 주장할 특정 요소를 선택해야 하는 상황이 있을 수 있습니다.

예를 들어

테스트가 실행될 때마다 데이터가 변경되는 목록이나 표에서 항상 목록이나 표의 N번째 요소를 선택하려고 합니다.
요소의 다른 기능에 영향을 받지 않고 항상 특정 속성(클래스, ID 등)을 갖는 요소를 지정하고 싶습니다.
다음과 같은 이유로 인해 AI가 요소를 잘못 판단하는 경우가 많습니다:
- 동일한 클래스, ID 또는 기타 속성을 가진 요소가 여러 개 있습니다.
- 요소에 자신을 특성화할 클래스, ID 또는 기타 속성이 없는 경우.
- 요소에 할당된 클래스 및 ID와 같은 속성 값이 자주 변경됩니다.

이러한 경우 [로케이터] 를 사용할 수 있습니다.
로케이터는 [CSS 선택기] 또는 [XPath] 를 사용하여 요소를 선택하는 데 사용할 수 있습니다.
테스트에 따라 둘 중 하나를 사용하세요.

[로케이터] 사용 방법

1. [시나리오] 를 기록합니다.

2. 로케이터를 사용하려는 단계의 세부 정보를 열고 [로케이터] 를 클릭한 후 [로케이터 추가하기] 를 클릭합니다.
スクリーンショット 2023-07-05 111706.png

3. 풀다운 메뉴에서 [CSS 선택기] 또는 [XPath] 를 선택합니다.
スクリーンショット 2023-07-05 111751.png

4. 필드에 테스트할 페이지의 요소에 대해 [CSS 선택기] 또는 [XPath] 를 입력합니다.
スクリーンショット 2023-07-05 111958.png

잘못된 값을 설정하면 오류 메시지가 표시됩니다.

スクリーンショット 2023-07-05 111859.png

スクリーンショット 2023-07-05 111923.png

다음은 CSS 선택기의 몇 가지 예시입니다.

요소	CSS 선택기
데이터-테스트 속성이 'abc'인 <div> 요소	div[data-test='abc']
ID 속성이 'def'인 <p> 요소의 직접 자식인 클래스 'caution'이 있는 <span> 요소입니다.	p#def > span.caution
'sample-list' 클래스를 가진 <ul> 요소 바로 아래의 첫 번째 <li> 항목	ul.sample-list > li:first-child
href 속성이 'https://autify.com'	a[href='https://autify.com']인 <a> 요소입니다.

핵심은 가능한 한 짧고 요소를 고유하게 식별할 수 있는 CSS 선택기를 사용하는 것입니다.

[로케이터] 함수를 사용하는 단계는 AI가 유지 관리할 수 없습니다. 의도한 요소를 선택해야 하는 경우에만 [로케이터] 함수를 사용하세요.
지정된 CSS 선택기/XPath에 해당하는 요소가 두 개 이상이면 첫 번째 요소가 선택됩니다.
지정된 CSS 선택기/XPath에 해당하는 요소를 찾지 못하면 단계가 실패합니다.
ShadowDOM의 요소 정보
- CSS 선택기: 섀도우 루트에 있는 요소를 지정하여 선택할 수 있습니다. 단, 지정한 CSS 선택기와 일치하는 요소가 정상 DOM에서 발견되면 정상 DOM의 요소가 선택됩니다.
- XPath: 섀도DOM 내부의 요소는 선택할 수 없습니다.