POM 기초: 비동기 로딩 Page Object 만들기

AutomationPOM입문

불러오기 버튼, 로딩 상태, 완료 콘텐츠 검증을 OrdersPage로 묶어 테스트 본문에서 대기 세부 구현을 숨기세요.

예상 30분입문

먼저 풀면 좋은 문제

요구사항

OrdersPage 클래스를 만들고 loadButton, loadingSpinner, loadedContent locator를 readonly 필드로 선언한다.
이동과 불러오기 클릭을 Page Object 액션 메서드로 캡슐화한다.
로딩 상태와 완료 상태 검증을 Page Object 단언 메서드로 분리한다.
고정 시간 대기 대신 Playwright expect 기반 대기로 상태 전환을 검증한다.

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

불러오기 버튼

load-btn로딩 시작 버튼

로딩 스피너

loading-spinner로딩 중 노출

콘텐츠 목록

loaded-content로딩 완료 후 노출

에디터를 불러오는 중...

qaground grade

채점하면 실행 결과가 여기에 표시됩니다.