[ Javascript ] 알고리즘 테스트를 위한 jest 환경 세팅하기

javascript로 여러 알고리즘을 구현하고 jest를 통해서 결과를 확인해 볼 것이다.

프로젝트 폴더를 구성해주자.

 

npm init

npm init -y

 

jest 설치 및 세팅

npm i jest

npm test를 했을때, jest가 실행되게 하고싶으니깐 package.json에 이렇게 작성해줬다.

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

이러고 jest를 실행시키면... 실행이 안될꺼다.

jest는 바벨이 필요하다. 기본적으로 es5 구문으로 해석하기 때문이라고 한다.

https://gatsbybosungblogmain.gatsbyjs.io/tdd3/

Jest에서 왜 babel이 필요한가?

바벨을 실행시키기 위한 바벨코어와 ES6전체 구문을 해석하기위한 프리셋을 받아주자.

npm i @babel/core @babel/preset-env

이러면 설치는 끝났고,  babel이 preset-env를 사용해서 구문을 해석할 수 있도록 babel.config.js에서 설정해줘야한다.

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

 

테스트 코드 작성하기

jest는 아래의 규칙에 맞는 테스트 파일을 찾는다.

1. __test__내부의 .js파일

2. .test.js 접미사 파일

3. .spec.js 접미사 파일

나는 __jest__에 테스트 코드를 쓸 것이다.