개요테스트를 작성하다 보면 Mock, Stub, Spy 등 다양한 용어들을 마주치게 된다. 처음 테스트 코드를 작성할 때는 이러한 용어들의 차이점을 명확히 이해하기 어려웠다. 개발을 진행하면서 컴포넌트 테스트를 작성할 때 용어 자체에 대한 혼동이 지속되어 내용 정리를 결심하게 되었다. 이 글에서는 Test Double(테스트 더블)의 여러 종류들을 살펴보고, 각각 어떤 상황에서 유용한지 알아보려 한다. Test Double은 프론트엔드에만 국한된 개념이 아니라 소프트웨어 테스트 전반에서 사용되는 개념이다. 잘 이해하고 있으면 꼭 프론트엔드 코드가 아니더라도 효과적인 테스트 코드를 작성할 수 있고, 다른 개발자들의 코드도 더 쉽게 이해할 수 있을 것이다. 먼저 각 Test Double의 개념과 차이점을 살..

개요이전 글에서 소프트웨어 공학의 테스트 원칙과 프론트엔드 테스트 방법론을 살펴보았다. 이제 실제로 시나리오를 구성하고 테스트 코드를 작성하는 방법을 알아보자. 프론트엔드 단위 테스트 이해하기단위 테스트란단위 테스트는 소프트웨어의 기본 구성 단위인 모듈을 테스트하는 과정으로, 모듈 테스트라고도 불린다. 개발자는 구현 단계에서 각 모듈의 개발을 완료한 후, 해당 모듈이 요구laurent.tistory.com  테스트를 작성하기에 앞서, 컴포넌트가 어떤 역할을 하는지 알기 위해 시나리오를 먼저 구성하는 것이 좋다. 이는 마치 사용자의 관점에서 애플리케이션을 바라보는 것과 같다. 예를 들어, 로그인 컴포넌트를 테스트한다고 가정해보자. 사용자가 유효한 이메일과 비밀번호를 입력했을 때는 로그인이 성공해야 하고, ..

단위 테스트란단위 테스트는 소프트웨어의 기본 구성 단위인 모듈을 테스트하는 과정으로, 모듈 테스트라고도 불린다. 개발자는 구현 단계에서 각 모듈의 개발을 완료한 후, 해당 모듈이 요구사항 명세서에 따라 정확히 구현되었는지 검증한다. 테스트 방식으로는 화이트박스 테스트와 블랙박스 테스트를 모두 사용할 수 있으나, 모듈의 내부 구조를 상세히 검증할 수 있는 화이트박스 테스트가 주로 사용된다. 단위를 격리해서 테스트하기 때문에 아래와 같은 장점이 있다.빠르다. 단위 테스트는 보통 몇 밀리초 내에 수행된다. 테스트 수행 시간이 빠르면 시스템의 큰 부분을 적은 시간을 들여 테스트할 수 있다.다루기 쉽다. 단위 테스트는 어떤 인수를 메서드에 전달하고 메서드의 반환값과 기대하는 결과를 비교하는 식으로 소프트웨어를 테..