탭 전환

Automation상호작용입문

탭을 클릭하면 콘텐츠가 바뀌고 활성 탭이 표시되는 동작을 검증하는 테스트를 작성하세요.

요구사항

  1. 초기 활성 탭(개요)의 콘텐츠가 보이고 개요 탭이 활성 상태인지 검증한다.
  2. 사양·리뷰 탭을 클릭하면 패널 콘텐츠가 해당 탭 내용으로 정확히 바뀌는지 검증한다.
  3. 선택한 탭만 활성(aria-selected=true)이고 나머지는 비활성인지 검증한다.

Selector reference

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

개요 탭
tab-overview개요 탭
사양 탭
tab-specs사양 탭
리뷰 탭
tab-reviews리뷰 탭
탭 패널
tab-panel활성 탭의 콘텐츠
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.