[FE] 테스팅 전략 수립 및 테스트 자동화
- Storybook
- 재사용할 수 있는 컴포넌트(ex. Button, Input): Storybook을 통한 렌더링 테스트
- 조건(사용자 인터랙션)에 따라 UI가 변경되는 컴포넌트(ex. Form): Storybook, RTL을 통한 사용자 인터랙션 테스트
- validation이 들어가는 부분
- 사용자 인터랙션에 따라 UI가 변경되는 부분
- PetProfileEditionForm 컴포넌트
- 유효하지 않은 반려동물 이름을 입력하면 에러메시지가 출력된다.
- 유효하지 않은 반려동물 몸무게를 입력하면 에러메시지가 출력된다.
- 유효한 데이터를 입력하면 수정 버튼이 활성화 된다.
- 유효하지 않은 데이터를 입력하면 수정 버튼이 비활성화 된다.
- ReviewForm 컴포넌트
- 유효한 데이터를 입력하면 작성 완료 버튼이 활성화 된다.
- 유효하지 않은 데이터를 입력하면 작성 완료 버튼이 비활성화 된다.
- 기호성 버튼 클릭 시 해당 버튼만 선택 된다.
- 대변 상태 버튼 클릭 시 해당 버튼만 선택 된다.
- 이상 반응
- 없어요 버튼 클릭 시 다른 버튼은 선택 해제 된다.
- 없어요를 제외한 다른 버튼은 중복 선택이 가능하다.
- 상세한 후기
- 글자 범위를 초과하면 에러메시지가 출력된다.