POM 기초: 프로필 폼 Page Object 만들기

AutomationPOM입문

입력 필드가 여러 개인 프로필 등록 화면을 ProfilePage로 분리하고, 정상 등록 시나리오를 Page Object 메서드로 표현하세요.

Test data

이름김테스터2~20자 정상 이름
전화번호010-0000-0000정상 전화번호 형식
나이3014~120 범위의 정상 나이

요구사항

  1. ProfilePage 클래스를 만들고 constructor에서 Page를 받아 보관한다.
  2. name, phone, age, terms, submitButton, successMessage locator를 readonly 필드로 선언한다.
  3. 이동, 프로필 입력·약관 체크·제출, 등록 완료 단언을 Page Object 메서드로 캡슐화한다.
  4. 테스트 본문에는 정상 프로필 등록 시나리오만 읽히도록 raw locator를 숨긴다.

Selector reference

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

이름 입력
name이름 입력 필드
전화 입력
phone전화번호 입력 필드
나이 입력
age나이 입력 필드
약관 동의
terms약관 체크박스
등록 버튼
profile-submit제출 버튼
성공 메시지
profile-success등록 완료 후 노출
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.