BH] Jest 단위 테스팅 프레임워크

개발을 하면서 단위테스트는 꼭 해야한다고 생각했었습니다.

그렇지만 막상 개발을 하다보면 단위테스트는 전혀 생각하지 않고 결과물만 만들어내기 바빴습니다.

그러다보니 단위테스트는 꼭 필요한게 맞을까 라는 고민이 들기 시작했고 그 고민을 없애기 위해서 Jest를 공부해보기로 했습니다. 

이번 Jest를 선택해본 이유는... 아직까지는 단위테스트 프레임워크 중 인기가 높아보였기 때문입니다.

그리고 Jest는 페이스북 오픈소스라네요.(메타)

하지만 Jest를공부해보면서 복잡성과 효율성을 따져볼거예요.

 

폴더를 만을고 package.json 생성을 합니다. 그리고 jest를 install 합니다.

mkdir first-jest

npm init -y

npm i -D jest

 

package.json

{
  "name": "first-jest",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "jest" 
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "jest": "^27.3.1"
  }
}

스크립트에 test값을 jest로 적습니다.

 

test.js파일을 만들어서 아래와 같이 작성합니다.

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

test("1+2 = 3", () => {
  expect(sum(1, 2)).toBe(3);
});

npm test를 입력하면

아래와 같이 테스트 결과가 나타납니다.

jest

npm test를 입력하여 jest를 실행시키게 되면 jest는 x.test.js, test.js의 파일은 전부 검사 대상이 됩니다.

그래서 각 component혹은 기능 별 분리해서 파일을 작성해서 사용하면 될 것 같네요.

app.js 안에 여러개의 스크립트가 있으면 app.test.js 이렇게 만들어서 테스트코드를 입력하시면 됩니다.

 

이제 jest를 시작해보았습니다.

조금 더 테스트해보고 다시 올게요~

 

 

아래는 참고사항입니다.

Javascript 동향

https://www.jetbrains.com/lp/devecosystem-2021/javascript/?source=google&medium=cpc&campaign=14540090549&gclid=CjwKCAjwz5iMBhAEEiwAMEAwGK-7HseEys4lk1jEXM9vw9afJQjtTm2SQJRHBKGOvZu3G91v30KQ9hoCEbcQAvD_BwE 

The State of Developer Ecosystem in 2021 Infographic