다단계 위저드 폼

Automation중급

단계별 검증·이동·이전 복귀가 있는 3단계 위저드 폼을 검증하는 테스트를 작성하세요.

예상 35중급

먼저 풀면 좋은 문제

요구사항

  1. 1단계 검증을 다중 케이스로 확인한다: 이름만 무효, 이메일만 무효, 둘 다 무효일 때 각 에러가 정확히 노출되고 다음으로 못 넘어가는지 확인한다.
  2. 유효 입력으로 2단계 진입 시 확인 화면의 이름·이메일이 입력값과 정확히 일치하는지 검증한다.
  3. 2단계에서 이전으로 1단계 복귀 시 입력값이 유지되고 다시 진행 가능한지 검증한다.
  4. 제출 후 3단계 완료가 표시되고, 단계 표시가 1/3 → 2/3 → 3/3 으로 정확히 바뀌는지 검증한다.

Selector reference

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

단계 표시
step-indicator현재 / 전체 단계
이름 입력
name1단계 이름 필드
이메일 입력
email1단계 이메일 필드
이름 에러
name-error이름 검증 실패 시
이메일 에러
email-error이메일 검증 실패 시
다음 버튼
next-btn다음 단계
확인 이름
confirm-name2단계 이름 확인
확인 이메일
confirm-email2단계 이메일 확인
이전 버튼
prev-btn이전 단계
제출 버튼
submit-btn제출
완료 메시지
complete3단계 완료 시
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.