상품 필터·정렬

Automation커머스중급

카테고리 필터·가격 정렬·검색으로 상품 목록을 좁히는 동작을 검증하는 테스트를 작성하세요.

요구사항

  1. 카테고리 필터를 선택하면 해당 카테고리 상품만 남고 result-count 가 맞는지 검증한다.
  2. 검색어를 입력하면 이름에 포함된 상품만 노출되는지 검증한다.
  3. 가격 낮은순/높은순 정렬 시 첫 상품(product-item)이 바뀌는지 검증한다.
  4. 필터와 검색을 함께 적용했을 때 결과가 교집합으로 좁혀지는지 검증한다.
  5. 결과가 없으면 빈 상태(empty-state)가 노출되는지 검증한다.

Selector reference

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

전체 필터
filter-all모든 카테고리
전자 필터
filter-electronics전자 카테고리
의류 필터
filter-clothing의류 카테고리
도서 필터
filter-books도서 카테고리
낮은순 정렬
sort-asc가격 오름차순
높은순 정렬
sort-desc가격 내림차순
검색 입력
search-input상품 이름 검색
결과 개수
result-count필터 결과 수
상품 항목
product-item목록의 각 상품
빈 상태
empty-state결과 없음 안내
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.