test: Card, CardList 컴포넌트 테스트 코드 작성

[yunchaeney]

✏️ 작업 내용

• formatDate 유틸 함수 테스트 코드 작성
• Card 컴포넌트 테스트 코드 작성
• CardList 컴포넌트 테스트 코드 작성

📷 스크린샷

✍️ 사용법

formatDate 유틸 함수

[formatDate , formatTime , formatTimeHours , formatTimeHours , formatTimeColon]

• [x] 각 함수에 대하여 정상적인 Date 형태의 문자열 입력 시 원하는 출력값이 나오는지 테스트
• [x] 각 함수에 대하여 Date 형태가 아닌 문자열 입력 시 NaN 출력값이 나오는지 테스트
• [x] isSameDate 함수에 오늘 날짜를 전달 시 true를 반환하는지 테스트
• [x] isSameDate 함수에 오늘 날짜가 아닌 문자열을 전달 시 false를 반환하는지 테스트
• [x] isSameDate 함수에 Date 형태가 아닌 문자열 전달 시 false를 반환하는지 테스트

Card 컴포넌트

• [x] 기본 렌더링 테스트
• [x] 완료되지 않은 모임일 경우 예약 취소하기 버튼이 렌더링 되는지 확인
• [x] 예약 취소하기 버튼 클릭 시 clickHandler 가 호출되는지 확인
• [x] 리뷰를 작성하지 않은 모임일 경우 리뷰 작성하기 버튼이 렌더링 되는지 확인
• [x] 리뷰 작성하기 버튼 클릭 시 clickHandler 가 호출되는지 확인
• [x] hasChips = true 일 경우, 데이터 조건에 맞춰 해당하는 chip이 렌더링 되는지 확인
• [x] 취소된 모임일 경우 모임 보내주기 버튼이 렌더링 되는지 확인
• [x] 모임 보내주기 버튼 클릭 시 clickHandler 가 호출되는지 확인

Card List 컴포넌트

• [x] 렌더링 시 모임명, 날짜-시간 chip 컴포넌트, 아이콘 버튼이 렌더링 되는지 확인
• [x] Data 조건에 따라, Tag 컴포넌트의 렌더링 여부가 정상적으로 동작하는지 확인
• [x] 마감된 챌린지의 경우 모임 보내주기 Layer가 렌더링 되는지 확인
• [x] 모임 찜하기 버튼 클릭 시 아이콘이 정상적으로 변경되어 렌더링 되는지 확인

🎸 기타

• (민혁님 피드백 반영) formatDate 테스트에 Bad Case 추가하였습니다.
• (강사님 피드백 반영) Card 컴포넌트의 Chip 렌더링 조건 수정하였습니다.
• (강사님 피드백 반영) Card 테스트 - Chip 렌더링 테스트에서 forEach로 조건을 추가하였습니다.
• CardList 컴포넌트 테스트 코드 작성하였습니다.