yangchanghun 님의 상세페이지[7팀 양창훈] Chapter 3-1. 프론트엔드 테스트 코드

난이도에 맞는 템플릿을 선택해서 작성해주세요!


7주차 과제 체크포인트

기본 과제

Easy

  • 총 8개의 파일, 90개의 단위 테스트를 무사히 작성하고 통과시킨다.

심화 과제

  • App 컴포넌트 적절한 단위의 컴포넌트, 훅, 유틸 함수로 분리했는가?
  • 해당 모듈들에 대한 적절한 테스트를 5개 이상 작성했는가?

과제 셀프회고

easy과제를 해결하면서 테스트 코드작성이 동작원리와 테스트함수만 이해하면 작성하는데는 어려움이 없었던거 같다. 그리고 이렇게까지 작성해야 하는것들도 있었고 이런식으로 작성하면 다른것들도 더 세부적으로 작성해야하나? 라는 의문도 들었다.

medium쉽지 않다...

기술적 성장

코드 품질

학습 효과 분석

과제 피드백

리뷰 받고 싶은 내용


Medium

7주차 과제 체크포인트

기본과제

Medium

  • 총 11개의 파일, 115개의 단위 테스트를 무사히 작성하고 통과시킨다.

질문

Q. medium.useEventOperations.spec.tsx > 아래 toastFn과 mock과 이 fn은 무엇을 해줄까요?

외부 모듈을 테스트하기 위한 mock과 그 모듈의 함수가 되어주는 toastFn?? 실제 함수를 호출하는 것이 아닌 가짜로 호출하여 알림이 오는지 안오는지 확인해준다. 맞나..요?

쉽지 않다..

Q. medium.integration.spec.tsx > 여기서 ChakraProvider로 묶어주는 동작은 의미있을까요? 있다면 어떤 의미일까요?

pass

Q. handlersUtils > 아래 여러가지 use 함수는 어떤 역할을 할까요? 어떻게 사용될 수 있을까요?

useEventOperations함수는 api요청을 하는 함수다. 이때 테스트환경에서는 실제서버에서 요청을 하는 것이 아닌 테스트 요청을 해야한다. 이때 handlerUtils를 통해 가짜서버를 등록하고 api 요청을 한다. 맞나..요?'

쉽지 않다..

Q. setupTests.ts > 왜 이 시간을 설정해주는 걸까요?

pass

심화 과제

  • App 컴포넌트 적절한 단위의 컴포넌트, 훅, 유틸 함수로 분리했는가?
  • 해당 모듈들에 대한 적절한 테스트를 5개 이상 작성했는가?

과제 피드백

아숩게도 테스트가 완전히 통과하지는 못했네요ㅜ 일단 지금 작성되어 있는 테스트를 보면 작성하시는데 특별하게 엄청 잘못된 패턴은 없는 것 같고 시간이 부족하셨던 것 같네요. 여유가 있으실 때 꼭 채워주시고 관련해서 학습 진행해주시면 좋겠네요!

화이팅입니다~