Playwright의 기본 사용법
두 번째.
HTML 요소 선택
Playwright에서는 웹 페이지의 HTML 요소를 선택하기 위해 다양한 선택자를 제공합니다. 적합한 선택자를 사용하면 테스트의 정확성과 안정성을 높일 수 있습니다.
주요 선택자 종류
1. ID 선택자
• 요소의 고유 ID를 기반으로 선택.
• 가장 빠르고 간단하지만, 페이지에서 ID가 고유하지 않은 경우 사용할 수 없음.
2. Class 선택자
• HTML 요소의 스타일을 정의하는 Class 속성을 기준으로 선택.
• 여러 요소가 동일한 Class를 가질 수 있으므로, 다른 조건과 함께 사용하는 것이 효과적.
3. CSS 선택자
• CSS 규칙을 사용하여 요소를 선택.
• 부모-자식 관계 등 복잡한 구조를 처리하기에 적합.
4. XPath 선택자
• HTML 요소의 경로를 사용하여 선택.
• 유연성이 높지만, 가독성이 떨어지고 관리가 어려울 수 있음.
선택자 작성 시 유의점
• 안정성: ID, Class와 같이 고유하고 변하지 않는 속성을 우선적으로 사용.
• 가독성: 지나치게 복잡한 선택자는 유지보수가 어려우므로 지양.
• 텍스트 선택 활용: 텍스트를 기반으로 요소를 찾으면 보다 직관적인 테스트 설계가 가능.
• 동적 요소 처리: 페이지가 동적으로 변경될 가능성이 있으면 자동 대기(auto-wait) 기능을 적극 활용.
복습 및 추가 학습
1. HTML 요소 선택 연습
• ID, Class, CSS, XPath 선택자를 각각 사용하여 Playwright로 HTML 요소를 선택하고 출력해보세요.
예) #submit-button, .btn-primary, button[aria-label='Save']
2. 기본 상호작용 구현
• 버튼 클릭, 텍스트 입력, 드롭다운 선택을 포함한 간단한 테스트를 작성해보세요.
3. 요소 검증
• 특정 버튼이 페이지에 존재하는지, 입력 필드가 활성화 상태인지 확인하는 테스트를 작성해보세요.
HTML 요소 선택은 테스트의 기본 단계입니다. 강의에서 이 개념을 실습과 함께 상세히 다룰 예정입니다.
* 강의 영상: 추후 별도 공지
(바로 소식을 받고 싶다면, 설문 작성해주세요!)
