POM 기초: 상품 옵션 선택 Page Object

AutomationPOM입문

사이즈와 색상 선택, 옵션 요약, 담기 성공 검증을 ProductOptionsPage로 묶어 상품 상세 선택 흐름을 표현하세요.

Test data

사이즈M선택 가능한 상품 사이즈
색상black블랙 색상 옵션

요구사항

  1. ProductOptionsPage 클래스를 만들고 옵션 버튼, 요약, 담기 버튼, 성공 메시지 locator를 readonly 필드로 선언한다.
  2. 사이즈 선택, 색상 선택, 담기 액션을 Page Object 메서드로 캡슐화한다.
  3. 선택 요약과 장바구니 담기 성공을 Page Object 단언 메서드로 분리한다.
  4. 테스트 본문에는 상품 옵션 선택 시나리오만 읽히도록 raw locator를 숨긴다.

Selector reference

셀렉터 타입을 선택하면 같은 요소의 data-testid, id, class 값을 확인할 수 있습니다. 선택한 값은 page.locator(...), 접근성 locator, 또는 Page Object 필드에서 사용하세요.

M 사이즈
size-mM 사이즈 선택 버튼
블랙 색상
color-black블랙 색상 선택 버튼
선택 요약
selected-summary현재 선택된 옵션 요약
옵션 에러
option-error옵션 누락 시 노출
담기 버튼
add-to-cart장바구니 담기 버튼
담기 완료
added-confirm담기 성공 메시지
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.