[코드숨] 리액트 6기 3주차 주간회고

드디어 테스트 코드를 연습할 수 있게 되었습니다!

코드숨을 통해 가장 배우고 싶었던 것이었는데요.

 

테스트 코드를 작성하는 것이 막연하게 느껴져서, 많은 고민을 했던 한 주차 였습니다.

 

 

[ 강의 & 과제 진행 ]

- "Jest"와 "React testing library" 이용한 React 테스트 코드 작성

 

 

테스트 코드를 몇 번 작성해본 적은 있었으나, 익숙하지 않아서 그런지 "낯설음", "막연함"을 많이 느꼈습니다.

생소하기도 했지만, 과제를 통해 작성을 해야 하는 임무!가 주어지니까 계속 고민하고 시도해보면서 점차 익숙해지는 것 같았습니다.

 

matcher나 fireEvent, query 함수도 생소했던 것들이 많았는데, 테스트 코드를 계속 작성하다 보니

사용법을 익혀나갈 수 있었습니다.

 

 

[ 배운 점 ]

[ 명령어 ]

- npx jest --watchAll : jest를 통해 테스트 코드를 watch 모드로 작성 

- npx jest --watchAll --verbose : 위의 명령 + 테스트 코드 결과를 계층적으로 확인할 수 있음!

 

[ query 함수 ]

- get~ 과 query~의 차이점 : get~은 찾을 요소가 없으면 에러를 띄우지만, query~는 null 값을 리턴

 

[ 기타 ]

- 상황에 맞게 테스트 코드를 구분하는 것이 좋다 : describe - context - it

- describe (주체), context (상황), it (테스트 단위)

- TDD 사이클은  Red  ->   Green  ->  Refactoring 

 

 

[ 추가적으로 보면 좋을 것 ]

- BDD에 대한 이해

- Controlled Component 

https://ko.reactjs.org/docs/forms.html

 

- 테스트 관련 블로그 포스팅 ( 읽어보면 좋을 것 같아서 정리 )

https://www.daleseo.com/react-testing-library/

https://ui.toast.com/weekly-pick/ko_20210630

 

- CodeceptJS