[2기 전환오] TodoList E2E 테스트

[jho2301]

🎯 요구사항

• 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의 상태값을 확인하여, 해야할 일과, 완료한 일을 클릭하면 해당 상태의 아이템만 보여주기

느낀점

cy.should() failed because this element is detached from the DOM.

cypress 테스트코드에서 todootem을 조작하면 todo리스트전체가 새로 렌더링되는데 이 때 새로 cy.get()해도 해당 에러가 뜨네요. cypress내부적으로 캐싱하는것인지.. 원인을 파악해야겠습니다..

cypress-io/cypress#7306

https://www.cypress.io/blog/2020/07/22/do-not-get-too-detached/

같은 오류를 겪는 사람들이 많은 것 같아요