폼 임시저장·복원

Automation중급

입력을 localStorage 에 자동 저장하고 재방문 시 복원하며 초기화/제출로 비우는 동작을 검증하는 테스트를 작성하세요.

요구사항

  1. 제목·내용을 입력하면 localStorage 키 qaground_draft 에 저장되고 저장 상태(draft-status)가 노출되는지 검증한다.
  2. 입력 후 페이지를 새로고침(page.reload)해도 입력값이 복원되는지 검증한다.
  3. 초기화(draft-clear)를 누르면 입력과 localStorage 의 draft 가 모두 비워지는지 검증한다.
  4. 제출(draft-submit)하면 draft 가 제거되고 제출 상태가 되는지 검증한다.

Selector reference

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

제목 입력
draft-title제목 입력 필드
내용 입력
draft-body내용 입력 영역
저장 상태
draft-status임시저장/복원/초기화 표시
초기화 버튼
draft-clear입력·draft 비우기
제출 버튼
draft-submit제출 후 draft 제거
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.