실시간 인라인 검증

Automation중급

입력 즉시 이메일 형식·비밀번호 강도를 표시하고 둘 다 유효할 때만 제출이 활성화되는 폼을 검증하세요.

요구사항

  1. 이메일 상태가 입력 즉시(제출 없이) 형식에 따라 유효/오류로 바뀌는지 검증한다.
  2. 비밀번호 강도 경계를 검증한다: 7자(약함)·8자(보통)·12자(강함) 전환이 정확한지 확인한다.
  3. 제출 버튼 활성 조건을 검증한다: 이메일만 유효하거나 비번만 유효하면 비활성이고, 둘 다 유효해야 활성인지 확인한다.
  4. 유효 상태에서 한 필드를 다시 무효로 만들면 제출 버튼이 즉시 비활성으로 돌아가는지 검증한다.

Selector reference

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

이메일 입력
email이메일 필드
이메일 상태
email-status형식 유효 여부 즉시 표시
비밀번호 입력
password비밀번호 필드
비밀번호 강도
password-strength강도 표시
제출 버튼
submit둘 다 유효할 때만 활성
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.