모달 다이얼로그 확인

Automation상호작용입문

열기·확인·취소가 있는 모달의 흐름을 검증하는 테스트를 작성하세요.

요구사항

  1. 초기에는 모달이 닫혀 있는지 검증한다.
  2. 열기 → 취소 시 모달이 닫히고 결과 메시지가 없는지 검증한다.
  3. 열기 → 삭제(확인) 시 모달이 닫히고 완료 메시지가 노출되는지 검증한다.
  4. 취소와 확인의 결과가 서로 다른지(취소=결과 없음, 확인=완료) 대조 검증한다.

Selector reference

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

모달 열기
modal-open모달 여는 버튼
모달
modal모달 컨테이너
확인 버튼
modal-confirm모달 확인(삭제) 버튼
취소 버튼
modal-cancel모달 취소 버튼
결과 메시지
modal-result확인 후 노출
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.