[doc] vue testing

[dngwoodo]

Todo List:

@yahma25

• jest 환경설정 구성
• vue-router를 사용했을 시 테스트 코드 작성 및 설명
• vue-composition-api를 활용한 todo-app 테스트 코드 작성 및 설명

@dngwoodo

• vue-test-utils를 활용한 todo-app 테스트 코드 작성 및 설명
  • [x] 프로젝트 셋업
  • [x] 할 일 추가하기
  • [ ] 테스트 코드 리팩토링
  • [ ] 할 일 삭제하기
  • [ ] 할 일 체크하기
• vue-testing-library를 활용한 todo-app 테스트 코드 작성 및 설명
• vuex를 활용한 todo-app 테스트 코드 작성 및 설명

[github-actions[bot]]

프로젝트에 기여해 주셔서 감사합니다. 앞으로도 많은 참여 부탁드려요 :smile: :tada:

[yahma25]

@dngwoodo 안녕하세요 동우님, 저와 같이 테스팅 주제 동지군요! 반갑습니다 😃 저는 #34 에 작성한대로 vue-testing-library를 사용한 개발환경 설정부터 시작해서 시리즈로 내용을 이어가려고 하는데요.

todo에 작성해주신 vue-testing-library를 활용한 todo-app 테스트 코드 작성 및 설명의 내용 구성 방식 생각하신 거 공유 가능하실까요? 내용 겹치지 않게 미리 파악해보고 싶습니다. 😉

[dngwoodo]

@dngwoodo 안녕하세요 동우님, 저와 같이 테스팅 주제 동지군요! 반갑습니다 😃 저는 #34 에 작성한대로 vue-testing-library를 사용한 개발환경 설정부터 시작해서 시리즈로 내용을 이어가려고 하는데요.

todo에 작성해주신 vue-testing-library를 활용한 todo-app 테스트 코드 작성 및 설명의 내용 구성 방식 생각하신 거 공유 가능하실까요? 내용 겹치지 않게 미리 파악해보고 싶습니다. 😉

안녕하세요 명호님. 같은 주제로 오픈소스에 기여하게 되서 기대가 되네요! 현재 저는 todo-app을 test-utils로 우선 만들고 test-utils만 사용했을 때의 아쉬운점들을 나열한 다음 vue-testing-library의 필요성에 대해 다루면서 넘어갈 생각입니다. 예를 들어 vue-testing-library를 사용하면 커스텀 매쳐같은 부분이나 getBy, findBy, queryBy라는 것들을 사용할 수 있습니다. 이런 api들을 이용하면 assert문들을 말이 되게 작성할 수 있습니다.

현재 테스트 용으로 테스트 코드를 짜놓은 건 https://github.com/dngwoodo/vue-todoapp-tdd 를 참고하시면 좋을 것 같습니다. 추가할 기능들이 아직 많습니다. 서로 모르는 부분들을 피드백주면서 진행하면 너무 좋을 것 같습니다!

[yahma25]

@dngwoodo 동우님, 이슈의 task list 기준으로 vue-router 테스트 코드는 별도로 작업하고 vue-composition-api 작업할 때 동우님이 만든 vue-todo-app-test에 코드 반영 후 작업하는 걸로 알고 있으면 될까요? 😃

[dngwoodo]

@dngwoodo 동우님, 이슈의 task list 기준으로 vue-router 테스트 코드는 별도로 작업하고 vue-composition-api 작업할 때 동우님이 만든 vue-todo-app-test에 코드 반영 후 작업하는 걸로 알고 있으면 될까요? 😃

넵 맞습니다 ㅎㅎ 제 작업속도가 느리면 먼저 시작하셔도 좋습니다. 어차피 vue testing library로도 넘어가야되니깐요

명호님은 바로 vue testing library로 넘어가셔도 좋을 것 같아요. 그리고 고려해봐야될 점이 vue2에 composition api 라이브러리를 이용할것인지 vue3를 이용할 것인지도 고려해봐야될 것 같습니다