[Korean FE Article] 프런트엔드 단위 테스트 모범 사례
글 링크: https://velog.io/@surim014/frontend-unit-testing-best-practices
소개
이 글에서는 프런트엔드 단위 테스트에 대한 몇 가지 일반적인 모범 사례를 제시하고 있습니다.
각 권장 사항의 이점과 근거를 간략하게 설명하고, 이러한 테스트 사례들을 개선하기 위해 각 원칙을 실제로 어떻게 적용할 수 있는지 자바스크립트 및 Jest 프레임워크를 사용한 예시도 함께 나와 있습니다.
평소 테스트에 관심이 있으셨다면 예시 코드를 함께 리팩터링 해보시는 것도 좋을 것 같습니다 :)
목차
1. 테스트에 린트 규칙 사용하기
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
추가 참고 사항
2. DRY 원칙을 지키세요
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
3. describe 블록에서 관련 테스트를 그룹화하기
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
4. 단위 테스트는 실패할 이유가 하나만 있어야 합니다.
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
5. 테스트를 독립적으로 유지하기
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
추가 참고 사항
6. 다양하게 입력되는 매개변수 테스트하기
이유
테스트할 예제 코드
잘못된 테스트 예시
더 나은 테스트 예시
추가 참고 사항
결론