1. 환경 설정

• 제스트 사용
  • 목 객체와 코드 커버리지 수집 기능까지 갖춘 메타의 오픈소스

1. 개발 환경 설정

• https://github.com/frontend-testing-book-kr/unittest

$ pnpm install

2. 테스트 구성 요소

2.1 가장 단순한 테스트

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

2.2 테스트 구성 요소

test(테스트명, 테스트 함수);

test("add: 1 + 2는 3");

 test("add: 1 + 2는 3", () => {
  expect(검증값).toBe(기대값);
});

2.3 테스트 그룹 작성

연관성 있는 테스트들을 그룹화하고 싶을 때는 describe 함수를 사용한다.

• describe 함수는 describe(그룹명, 그룹 함수) 형식

describe("add", () => {
  test("1 + 1은 2", () => {
    expect(add(1, 1)).toBe(2);
  });
  test("1 + 2는 3", () => {
    expect(add(1, 2)).toBe(3);
  });
});