[항해 플러스 프론트엔드 3기] 8주차 회고록

발제 목표

• TDD

8주차 계획

• 기본 과제라도 끝내보자..!
• 테스트코드 공부하기

어려웠던 점

• 저번 과제 easy단계를 하다가 이번과제를 하니까 너무 어렵다..!
  • 공부할게 많다..

배운점

• 테스트코드에서 특정 요소만 출력하는법

  const repeatField = screen.getByLabelText('반복 설정');
  screen.debug(repeatField); // 특정 요소만 출력

• 단위 테스트 vs 통합테스트 vs E2E 테스트
• 시각적 회귀적테스트
  • chromatic, storybook
• 오늘 날짜를 기준으로 검증을 진행하는 함수가 있다면 테스트를 구동하는 날마다 해당 검증값을 업데이트해야 하는 문제가 있을 수 있다.
  • vi.useFakeTimers() 를 호출한 뒤 setSystemTime()을 통해 실제 날짜 값(hrtime, performance.now 또는 new Date() 등..)을 제어할 수 있다.

  const date = new Date(1998, 11, 19)
  vi.useFakeTimers();
  vi.setSystemTime(date);
  expect(Date.now()).toBe(date.valueOf());
  vi.useRealTimers();

회고

• 7주차되니까 팀원들 다른분들 모두 컨디션이 안좋아보인다..! ㅋㅋ 나도 급격히 피곤해졌디만 나름 늦게까지 모각코 하고있다
• 회사에서 회의실 예약시스템을 구현중인데 발제 주제(캘린더앱)와 우연히 겹친다..!
  • 이번 구현이 TDD로 반복일정 구현하는 것이었는데, 회사에서도 동일한 기능을 구현하고있다 ㅎㅎ
• 열심히 멘토링 청강하는 우리팀! ㅎㅎ 너무 귀엽다..