POM 기초: 파일 업로드 Page Object

AutomationPOM입문

파일 선택, 파일명 표시, 업로드 완료 검증을 FileUploadPage로 캡슐화해 파일 입력 테스트를 정리하세요.

Test data

업로드 파일명receipt.pdf테스트에서 생성하거나 setInputFiles로 지정할 파일명

요구사항

  1. FileUploadPage 클래스를 만들고 파일 입력, 파일명, 업로드 버튼, 완료 메시지 locator를 readonly 필드로 선언한다.
  2. 파일 선택과 업로드 클릭을 Page Object 액션 메서드로 캡슐화한다.
  3. 선택한 파일명과 업로드 완료 메시지 검증을 Page Object 단언 메서드로 분리한다.

Selector reference

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

파일 입력
file-input파일 선택 input
파일명
file-name선택한 파일명 표시
업로드 버튼
upload-submit업로드 실행 버튼
업로드 완료
upload-result업로드 완료 메시지
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.