jest 기본 공부

jest는 페이스북에서 만든 테스트팅 도구이다. 

zero-config 철학을 가지고 있어서 별도의 설정없이 빠르게 테스트 케이스를 만들 수 있는 것이 장점이다. 

 

jest 설치하기

npm install jest --save-dev

 

개발 할때만 사용하기 때문에 뒤에 --save-dev를 붙인다. 

 

package.json에서 수정한다. 

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },

👇

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

 

 

~.test.js로 끝나거나 __test__폴더에 담겨있으면 자동으로 테스트 파일로 인식한다!

특정 파일만 테스팅하고 싶으면 npm test 뒤에 파일명이나 특정 경로를 붙이면 된다. 

 

 

//fn.js

const fn = {
  add: (num1, num2) => {
    num1 + num2;
  },
};

module.exports = fn;
// package file에서 사용할 수 있도록 export 해준다.

//fn.test.js

const fn = require("./fn");

test("1은 1이야", () => {
  expect(1).toBe(1);
});

expect 뒤에 검증할 대상을 넣어주고 toBe에 기대되는 값을 넣는다. 

 

 

부정에 대한 테스트

test("3 더하기 3은 5가 아니야!", () => {
  expect(fn.add(3, 3)).not.toBe(5);
});

 

 

toBe에서 사용하는 함수를 Matcher라고 한다. 

 

Matcher에는 toEqual도 있다.

 

객체나 배열은 재귀적으로 돌면서 값을 확인해야하기 때문에 'toEqual'을 사용해줘야한다.

 

Matcher 종류

- toBeNull()

- toBeTruthy()

- toBeFalsy()

- toBeUmdefined

- toBeDefined

 

- toBeGreaterThan 크다

- toBeGreaterThanEqual 크거나 같다

- toBeLessThan 작다

- toBeLessThanOrEqual 작거나 같다

- toBeCloseTo() 근사값인지 판별

 

- toMatch(정규표현식) 특정 문자열이 있는지 판별

 

- toContain()

배열에서 특정 요소가 있는지 판별

 

- 특정 에러인지 확인

const fn = {
  add: (num1, num2) => num1 + num2,
  //객체를 만들어주는 함수
  makeUser: (name, age) => ({ name, age }),
  //특정 에러인지 확인하는 함수
  throwErr: () => {
    throw new Error("xx");
  },
};


module.exports = fn;
// package file에서 사용할 수 있도록 export 해준다.



test("에러가 발생하나요?", () => {
  expect(() => fn.throwErr()).toThrow("에러발생!!!");
});

 

 

더 많은 Matcher는 공식 홈페이지에서 확인하기!

https://jestjs.io/docs/using-matchers

Using Matchers · Jest

 

 

---

비동기 jest 

 

const fn = {
  add: (num1, num2) => num1 + num2,
  //객체를 만들어주는 함수
  makeUser: (name, age) => ({ name, age }),
  getName: (callback) => {
    const name = "Hailie";
    setTimeout(() => {
      callback(name);
      // throw new Error("error");
    }, 3000);
  },
  getAge: () => {
    const age = 30;
    return new Promise((res, rej) => {
      setTimeout(() => {
        res(age);
        // rej("err");
      }, 3000);
    });
  },
};

module.exports = fn;
// package file에서 사용할 수 있도록 export 해준다.

test("3초 후에 받는 이름은 Hailie", (done) => {
  function callback(name) {
    expect(name).toBe("Hailie");
    done();
  }
  fn.getName(callback);
});

// 만약 api의 에러를 감지하고 싶다면 try catch를 사용하면 된다.
test("3초 후에 받는 이름은 Hailie", (done) => {
  function callback(name) {
    try {
      expect(name).toBe("Hailie");
      done();
    } catch (error) {
      done();
    }
  }
  fn.getName(callback);
});

// promise는 done을 안넘겨줘도 된다. 대신 return을 해줘야한다.
// test("3초 후에 받은 나이는 30", () => {
//   return fn.getAge().then((age) => {
//     expect(age).toBe(30);
//   });
// });

//간단하게 사용하기 resolves, rejects
test("3초 후에 받은 나이는 30", () => {
  return expect(fn.getAge()).resolves.toBe(30);
});
//간단하게 사용하기 resolves, rejects
test("3초 후에 받은 나이는 30", async () => {
  // const age = await fn.getAge();
  // expect(age).toBe(30);
  await expect(fn.getAge()).resolves.toBe(30);
});

 

테스트 직전에 상수 초기화 하기 (모든 테스트 직전에 실행됨)

beforeEach(() => {
  num = 0;
});

테스트 직후에 상수 초기화 하기 (모든 테스트 직후에 실행됨)

afterEach(() => {
  num = 0;
});