기초부터 완성까지, 프런트엔드 : 프론트엔드 테스트

te-ing·2022년 4월 22일
0
post-thumbnail

좋은 테스트란 무엇인가?

  • 모든 테스트는 독립적으로 실행어야 한다.
  • 테스트의 결과는 일관성이 있어야 한다. 적절한 모킹을 통해 외부 의존성을 최소화 해야 한다.
  • 내부 구현에 종속된 테스트는 지양해야 한다. 인터페이스를 기준으로 테스트 하여야 한다.
  • 테스트는 단순하고 이해하기 쉬워야 한다.
  • 유지보수가 가능한 테스트를 작성해야 한다.

TDD

TDD(Test Driven Development): 테스트 주도의 개발로, 실제 코드를 작성하기 전에 깨지는 테스트 코드를 먼저 작성하고, 지속적인 리팩토링을 통해 테스트가 검증되는 과정을 반복하며 개발하는 방법론.


프론트엔드 테스트

단위테스트(Unit)

단일 함수의 결괏값 또는 클래스나 컴포넌트의 상태나 행위를 검증하는 가장 기본적인 테스트로, 각 요소의 동작을 독립적으로 검증하는 테스트

통합테스트(Integration)

일부 개별 요소들이 조합되었을 때 올바르게 동작하는 지 확인하는 테스트로 모의 객체를 사용하는 모킹이 필요할 수 있다. 의도한 행위에 의해 모든 컴포넌트의 상태가 올바르게 변경되는지를 확인하는 것이 목표이다.

E2E 테스트

End-To-End 테스트의 줄임말로, 실제 애플리케이션을 싱행하여 전체 워크 플로우를 검증하는 테스트이다. 진짜 유저가 사용하는 것처럼 시나리오를 작성하여 검증하며, 테스트 설정 과정이나 시간이 가장 오래 걸리는 테스트이다.

jest

페이스북에서 만든 자바스크립트 테스팅 프레임워크

profile
병아리 프론트엔드 개발자🐣

0개의 댓글