단위테스트: jest를 이용한 단위테스트

🔍단위 테스트(Unit Test)

단위 테스트란 프로그래밍 후 프로그램의 기본 단위인 모듈이 의도대로 정확히 작동하는지 검증하는 절차이다. 즉, 소스 코드의 개별 단위를 테스트하여 사용할 준비가 되었는지 확인하는 테스트 방법이다.

 

✔️단위 테스트를 하는 이유

1. 실제 환경에서 코드를 실행하기 어려운 경우 유닛 테스트를 통해 코드가 정상적으로 동작하는지 확인할 수 있다.
2. 종속성이 있는 다른 클래스들에서 버그가 발생하는 것을 방지하기 위해서이다.

 

✔️단위 테스트의 조건

1. 테스트 코드는 빠르게 동작하며 자주 돌릴 수 있어야 한다.
2. 각각의 테스트는 독립적이어야 하며 서로 의존해서는 안된다.
3. 어느 환경에서도 반복 가능해야 한다.
4. 테스트는 성공 또는 실패로 bool 값으로 결과를 내어 자체적으로 검증되어야 한다.
5. 테스트는 적시에 즉, 테스트하려는 실제 코드를 구현하기 직전에 구현해야 한다.

 

🔍Javascript에서 단위테스트하기: Jest

Jest는 페이스북에서 만들어서 React와 더불어 많은 자바스크립트 개발자들로부터 사랑받고 있는 테스팅 라이브러리이다. 이번 우테코 프리코스에 참여하면서 처음 사용해보았다.

 

✔️설치

다음 명령어를 통해 jest를 설치한다.

npm install jest —save-dev

package.json에 다음과 같이 추가(수정)한다. 이 과정을 통해 터미널에 npm test를 입력하면 jest 커맨드를 실행할 수 있게 된다.

scripts:{”test”: “jest —watch”}

 

✔️Jest 기본문법

// 테스트할 코드
export const add = (x, y) => x + y;

// 테스팅 코드
describe("add", () => {
  test("should add two numbers", () => {
    expect(add(1, 1)).toBe(2);
		expect(add(1, -4)).toBe(-3);
  }
);

• describe는 여러 테스팅 코드를 하나로 묶을 때 사용한다.
• test는 실제로 테스팅을 실행하는 코드이다.
• expect는 값을 테스트할 때마다 matcher와 함께 사용한다.
• matcher는 내가 원하는 방법으로 값을 테스트하도록 할 수 있다.
  • toBe() : 해당 값과 일치하면 통과
  • toBeNull() toBeUndefined() toBeDefined() : 인 경우 통과
  • toBeTruthy() toBeFasly() : boolean 값 판별
  • toBeGreaterThan 등… : 이상, 이하, 초과, 미만
  • toMatch(/H/) : 정규 표현식으로 문자열 판단

 

 

🔍가짜객체(Mock Object)

이때, 각각의 테스트코드는 독립적이어야 하며 서로 의존해서는 안된다고 했다. 따라서 다른 객체와 주고 받는 경우에 문제가 발생한다. 이 경우 다른 객체 대신에 가짜 객체(Mock Object)를 주입해 특정 결과를 반환하라고 정해진 답변을 준비시켜야 한다.

⇒대표적인 예시로는 입출력테스트가 있다.

describe("주문 입력 테스트",()=>{
	test("주문이 형식에 맞지 않으면 예외가 발생한다.",()=>{
		const mockReadLineAsync = jest.fn().mockResolvedValue("해산물파스타,초코케이크-3");
        jest.spyOn(Console, "readLineAsync").mockImplementation(mockReadLineAsync);
		expect(()=>InputView.getOrder()).rejects.toThrow(inputViewErrorMessage.ERROR_INPUT_ORDER_REGEX);
	});
});

import { EOL as LINE_SEPARATOR } from 'os';

describe("OutputView 테스트",()=>{
	test("주문 메뉴를 출력한다.",()=>{
		const spy = jest.spyOn(Console, "print");
        const outputMessage = [`${}`+LINE_SEPARATOR+`${}`+LINE_SEPARATOR+`${}`];
        
        outputView.printOrder();
        
        outputMessage.forEach((log)=>{
        	expect([...spy.mock.calls).join(LINE_SEPARATOR)).toContain(log);
        });
	});
});