test : Filter 컴포넌트 테스트 코드 작성

✏️ 작업 내용

FilterList 컴포넌트 테스트 코드 작성
FilterDate 컴포넌트 추가

📷 스크린샷

✍️ 사용법

<FilterDate state='default'>날짜 선택</FilterDate>

🎸 기타

Filter 컴포넌트 수정안

기존 Filter 컴포넌트를 최초 Input 형태의 style로 판단하여, FilterList 와 FilterSort 두 가지 종류로 나누었습니다. 다만 Test 코드를 작성하면서, 형태는 FilterList와 Sort가 동일하며, 날짜 선택 경우를 추가할 필요성을 느꼈습니다. 이로 인해 FilterDate 컴포넌트 코드를 추가로 작성하였고, (캘린더 컴포넌트에서 수정 필요) 기존의 FilterList와 FilterSort를 하나의 컴포넌트로 통합 및 type props를 추가하여 style만 변경되도록 하는 방안을 제시 드립니다.

Test Case

[x] 최초 렌더링 시, children 텍스트를 출력하는지
[x] 컴포넌트 클릭 시 options 텍스트를 전부 출력하는지
[x] option 을 클릭 시 해당 텍스트로 변경 및 style이 변경되는지(active state)
[x] 기본 필터(children) 선택 시 텍스트 및 style이 초기화 되는지

FilterDate

현재는 컴포넌트의 외관 및 클릭 시 드롭다운으로 DatePicker가 나타나게 되어 있습니다. 날짜 적용 및 초기화 시 해당 date 정보를 저장하거나, 컴포넌트의 state가 active로 변하는 등의 추가 작업이 필요합니다.

close #53

INtiful / SootheWithMe

test : Filter 컴포넌트 테스트 코드 작성 #63