날짜 선택기

Automation상호작용중급

입력을 누르면 달력이 열리고 날짜를 고르면 입력에 반영되는 동작을 검증하는 테스트를 작성하세요.

요구사항

  1. 초기 상태를 검증한다: 달력이 닫혀 있고 선택 날짜 표시가 없는지 확인한다.
  2. 입력 클릭으로 달력을 열고, 날짜 선택 시 입력값이 정확한 날짜로 채워지며 달력이 닫히는지 검증한다.
  3. 다른 날짜를 다시 선택하면 입력값이 갱신되는지, 입력을 다시 눌러 달력을 토글로 닫을 수 있는지 검증한다.

Selector reference

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

날짜 입력
date-input클릭하면 달력 열림
달력
calendar날짜 그리드
날짜 셀
day-cell각 날짜 (여러 개)
선택 날짜
selected-date선택 후 표시
연습 대상 열기 ↗
에디터를 불러오는 중...
qaground grade
채점하면 실행 결과가 여기에 표시됩니다.