JEST

JEST?

제스트(JEST)란 코드가 제대로 동작하는지 확인하는 Test Case를 만드는 자바스크립트 테스팅 프레임워크이다.

사용방법

1. 먼저 프로젝트를 생성하고 패키지.json을 만든다.

$ mkdir my-jest
$ npm init -y
$ ls
package.json

2. JEST 라이브러리를 설치한다.

$ npm i -D jest or yarn add -D jest

3. test 스크립트를 수정한다.

• 패키지.json 파일을 열고 test 스크립트를 jest로 수정해준다.

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

• 위와 같이 수정해주면 yarn test or npm test를 입력하게 되면 jest 커맨드를 실행 할 수 있게 된다.

테스트 기초방법

• 기초 문법

let temp;
describe("simple test", () => {
  beforeEach(() => {
    temp = 1;
  });
  
  afterEach(() => {
    temp = 0;
  });
  
  test('1 is 1', () => {
    expect(1).toBe(1);
  });
  
  test('[1,2,3] is [1,2,3]', () => {
    expect([1,2,3]).toEqual(1);
  });
})

• describe
  • Test 단위를 묶는 가장 큰 단위로 테스트시 describe에 설명된 내용으로 테스트 단위를 크게 분류한다.
• test, it
  • test(), it()을 통해 기본 테스트를 진행, 두 방법의 기능적 차이는 없다.
• expect
  • expect() 안에 테스트 할 변수나 값을 넣어준다. 이후에 toBe 또는 toEqual을 이용해 예측값과 비교한다.
• toBe, toEqual
  • 결과 에측으로 가장 많이 쓰이는 문법으로 toBe는 단순비교, toEqual을 이용해 예측값과 비교한다.
• beforeEach, afterEach
  • beforeEach는 test()가 실행될 때마다 실행해주는 전처리기이다. test를 진행하기 전 최초 1회 실행된다.
  • afterEach는 test()가 실행될 때마다 실행해주는 후처리기이다. test를 모두 끝내고 마지막에 1회 실행된다.

let temp;
describe("simple test", () => {
  beforeEach(() => {
    temp = 1;
  });
  
  afterEach(() => {
    temp = 0;
  });
  
  test('tmep is 1', () => {
    expect(temp).toBe(1); // true
  });
  
  test('temp is 1', () => {
    expect(temp).toBe(1); // true
  });
});

참고: [JEST] JEST의 기초