POM 기초: 회원가입 Page Object 만들기

AutomationPOM입문

회원가입 화면의 입력 필드와 제출 흐름을 SignupPage 클래스로 분리하고, 성공 가입 시나리오를 테스트 본문에서 읽기 쉽게 정리하세요.

예상 30분입문

먼저 풀면 좋은 문제

이메일[email protected]정상 이메일

비밀번호qaground1238자 이상 정상 비밀번호

비밀번호 확인qaground123비밀번호와 동일한 확인 값

요구사항

SignupPage 클래스를 만들고 constructor에서 Page를 받아 보관한다.
email, password, confirmPassword, submitButton, successMessage locator를 readonly 필드로 선언한다.
이동, 가입 정보 입력·제출, 가입 완료 단언을 Page Object 메서드로 캡슐화한다.
테스트 본문에는 Page Object 메서드 호출만 남겨 사용자 시나리오처럼 읽히게 한다.

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

이메일 입력

email이메일 입력 필드

비밀번호 입력

password비밀번호 입력 필드

비밀번호 확인

confirm-password비밀번호 확인 필드

가입 버튼

signup-submit제출 버튼

성공 메시지

signup-success가입 완료 후 노출

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

qaground grade

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