할 일 관리 위젯의 기본 동작을 검증하는 자동화 테스트를 작성하라. 추가·완료·수정·삭제·필터·남은 개수가 명세대로 동작하는지 직접 케이스를 설계해야 한다. [명세] 입력 후 추가하면 목록에 생기고 입력창이 비워진다(공백만이면 추가 안 됨). 체크박스로 완료/미완료를 전환한다(완료는 취소선). 수정→저장으로 텍스트를 바꾸고, 삭제로 항목을 제거한다. 필터는 전체/미완료/완료이며, 남은 일 개수는 미완료 항목 수다.
셀렉터 타입을 선택하면 같은 요소의 data-testid, id, class 값을 확인할 수 있습니다. 선택한 값은 page.locator(...), 접근성 locator, 또는 Page Object 필드에서 사용하세요.
todo-input할 일 입력todo-add할 일 추가todo-item할 일 항목todo-toggle완료 체크박스todo-text할 일 텍스트todo-edit수정 시작todo-edit-input수정 입력창todo-save수정 저장todo-delete할 일 삭제filter-all전체 보기filter-active미완료만filter-done완료만remaining-count남은(미완료) 개수