[2기 JunilHwang] TodoList E2E 테스트

[JunilHwang]

🎯 요구사항

• todo list에 todoItem을 키보드로 입력후 enter키를 눌러 추가하기
• todo list의 체크박스를 클릭하여 complete 상태로 변경. (li tag 에 completed class 추가, input 태그에 checked 속성 추가)
• todo list의 x버튼을 이용해서 해당 엘리먼트를 삭제
• todo list를 더블클릭했을 때 input 모드로 변경. (li tag 에 editing class 추가) 단 이때 수정을 완료하지 않은 상태에서 esc키를 누르면 수정되지 않은 채로 다시 view 모드로 복귀
• todo list의 item갯수를 count한 갯수를 리스트의 하단에 보여주기
• todo list의 상태값을 확인하여, 해야할 일과, 완료한 일을 클릭하면 해당 상태의 아이템만 보여주기

🎯 추가 구현

• Team을 추가한다.
• Team을 선택하여 이동한다.
• Member를 추가한다.
• Team을 삭제한다.

느낀점

• dblclick 관련 이벤트에 무언가 문제가 있는 것 같은데.. 원인을 도무지 모르겠습니다 ㅠㅠ
• 테스트 코드를 작성하면서 어플리케이션 코드에 문제가 있는 것을 발견하였고, 수정하는데 조금 애먹었습니다.
• UI테스트가 무척 어렵다는 사실을 다시 한 번 느꼈습니다.
• 굳이 테스트를 위한 용도가 아니더라도 cypress를 이용하면 프론트엔드에서 자동화할 수 있는 부분이 많다는 점을 느꼈습니다.

결론

어렵네요.. ㅠㅠ