🧪 프론트엔드 테스트 전략

펀잇에서는 react-testing-library의 react-hooks 테스트 도구를 선택하여 hook test를 하기로 결정했다.

선정한 테스트 도구

react-testing-library

react-testing-library는 리액트 컴포넌트를 테스트하기 위한 유틸리티 라이브러리

• 테스트를 실제 DOM 노드와 함께 수행하여 사용자가 실제로 웹 페이지를 사용하는 것처럼 테스트를 할 수 있도록 도와주는 장점이 있다.

• 이는 각 테스트가 보다 실제 사용 사례를 반영할 가능성이 높아져 신뢰도 높은 결과를 얻을 수 있다는 장점이 있다.

jest

• jest를 이용해 테스트 코드 실행

무엇을 테스트?

• 컴포넌트 단위의 테스트는 의미가 없다고 생각하여 비동기 로직이나 우리의 기능은 훅으로 분리할 예정이므로 훅 테스트를 진행할 예정
• 훅테스팅을 진행하면 리팩토링 이후에도 잘 동작하는지 확인하기 쉬움

자동화

github actions를 통해 PR을 보낼 때 테스트 결과를 확인할 수 있도록 자동화 함.

자동화 스크립트

목표 커버리지

• 전체적으로 5-60%의 hook을 테스트 한다.
• 핵심 기능에 대한 hook은 모두 테스트 한다. (리뷰 작성과 꿀조합 작성)