소형(Unit Test)

• 특정 function 테스트

  • formControl 값에 대한 검증 (undefined ?)

중형(Component Test)

대형(E2E Test)

• 사용자입장에서 테스트
• 전체 시스템이 제대로 작동하는지 확인하기 위한 테스트
• API와의 연동도 테스트 항목에 포함되기 때문에 최대한 실제 시스템을 사용하는 사용자 관점에서 시뮬레이션

E2E 테스트 장점

• 실제 상황에서 발생할 수 있는 에러를 사전에 발견할 수 있음
• 테스트 코드가 실제 내부 구조에 영향을 받지 않기 때문에 큰 범위의 리팩토링에도 깨지지 않음

E2E테스트 단점

• 테스트 작성에 들어가는 비용이 너무 많음
• 테스트 수행 속도가 너무 느림
• 테스트가 주는 피드백의 질이 낮음

목적: 원하는 Text가 제대로 나오는지, A를 클릭했을 때 기대하는 동작을 하는지 등을 테스트 합니다. 작은 수정에도 테스트가 깨지기 쉽고 Mock Injection해서 UI만 테스트 하는것도 공수가 많이 들어갑니다.

E2E Test 알아보기 실용적인 프론트엔드 테스트 전략 (1) 실용적인 프론트엔드 테스트 전략 (2) 실용적인 프론트엔드 테스트 전략 (3)