js 테스트코드 작성하는법 : 기초 calculation

회사에서 새로운 프로젝트를 시작하는데, TDD를 적용해보고 싶었다.

 

테스트코드를 작성하는 법을 공부하자!

 

이 홈페이지를 보면서 공부했다.

 

---

CRA 앱 만드는 과정은 생략.

 

1. jest 설치

npm install jest
yarn add jest

//타입스크립트
npm install @types/jest
yarn add --dev @types/jest

 

2. 테스트 코드 작성

src 폴더 내

src폴더 내에 상기 이미지와 같이 두개의 코드를 작성한다.

// calculator.js

function add(a, b) {
  return a + b;
}

export default add;

// calculator.test.js

import add from "./calculator";

it("add correctly", () => {
  expect(add(3, 5)).toBe(8);
});

3. 세팅

package.json의 script를 살짝 변경해준다.

// package.json


  "scripts": {
   ..
    "test": "jest",
   ..
  },

아직까지는 부족하다.

calculation.js에서 사용한 import, export 문법은 ES6 문법이기 때문에 바벨을 설정 해야 한다.

 

root에 babel.config.js를 만들어준다.

(바벨은 ES6, JSX,TSX등 다른 문법들의 호환성을 맞추어주는 툴이라고 생각하면 된다. 언어번역기 같은 역할)

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

4. 실행

터미널에 npm run test를 입력하면 테스트가 실행된다.