데이터 테이블 검색·정렬·페이지네이션

Automation데이터중급

검색 필터, 컬럼 정렬, 페이지 이동이 있는 테이블을 검증하는 테스트를 작성하세요.

요구사항

  1. 검색 결과를 정밀 검증한다: 특정 검색어의 일치 행 수·내용이 정확하고, 없는 검색어는 0행이 되는지 확인한다.
  2. 정렬 토글을 검증한다: 한 번 클릭 시 오름차순 첫 행, 다시 클릭 시 내림차순 첫 행이 기대값과 일치하는지 확인한다.
  3. 검색과 정렬을 조합했을 때 필터된 집합 안에서 정렬 순서가 올바른지 검증한다.
  4. 페이지 경계를 검증한다: 첫 페이지에서 이전이 막히고, 마지막 페이지에서 다음이 멈추며, 페이지 표시가 정확한지 확인한다.

Selector reference

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

검색 입력
table-search이름 검색 필드
데이터 행
table-row각 데이터 행 (여러 개)
이름 정렬
sort-name이름 컬럼 정렬 토글 버튼
이전 페이지
page-prev이전 페이지 버튼
다음 페이지
page-next다음 페이지 버튼
페이지 표시
page-indicator현재 / 전체 페이지
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.