해당 글은 Jest 공식 사이트를 공부한 내용을 바탕으로 작성하였습니다.

---

Jest 설치

yarn을 사용하여 설치

yarn add --dev jest

npm을 사용하여 설치

npm install -D jest

환경셋팅

노드에서 ES6 코드를 실행시키기 위한 추가적인 작업을 진행하도록 하겠습니다.

바벨 환경셋팅

바벨을 사용하면 우리가 작성한 코드를 Node에서 사용가능한 코드로 변환을 해줍니다.

먼저 npm 또는 yarn을 통해서 아래의 바벨 모듈을 설치합니다.

npm install -D @babel/core @babel/preset-env babel-jest

그리고 babel.config.js 파일을 생성 후 아래와 같이 작성합니다.

module.exports = {
  presets: [
    [
      "@babel/preset-env",
      {
        targets: {
          node: "current",
        },
      },
    ],
  ],
};

package.json 스크립트 변경

아래와 같이 test 스크립트를 jest --watchAll로 변경합니다.

{
  (...)
  "scripts": {
    "test": "jest --watchAll"
  }
  (...)
}

간단한 테스트 코드 작성

sum.js 파일을 생성하고 아래와 같이 코드를 작성합니다.

const sum = (a, b) => {
  return a + b;
}
export default sum;

sum.test.js 파일을 생성하고 아래와 같이 테스트 코드를 작성합니다.

import sum from './sum';

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

작성이 완료 되면 터미널에서 npm run test를 실행시키면 테스트가 정상적을 성공한 것을 확인할 수 있습니다.