2 분 소요

유닛테스트 🙀

유닛 테스트 : 내가 작성한 코드의 가장 작은 단위인 함수를 테스트하는 메소드이다
  • Google Test Automation Conference에서 제안된 테스트 피라미드
  • 시스템을 테스트 할때 크게 3가지 방법으로 나눌 수 있다.
  • 전체 테스트 비중을 아래와 같은 수치로 구현하는 것이 권장됨
    • E2E(UI) Testing - 10%
    • Integrating Testing - 20%
    • Unit Testing - 70%

UI Testing

  • 크롬 브라우저를 띄운다음에 내가 만든 검색페이지로 들어가서 검색을 해보고 검색한 내용이 제대로 나오는지 화면상에서 확인하거나 직접 회원가입을 해보고 회원가입후에 로그인 되는지 직접 브라우저 상에서 값을 입력해서 테스트 하는방법
  • UI Testing이 가장 어렵고 까다로움.
  • Manual Testing은 실행하기 쉽다는 장점이 있지만 비용이 많이 들고 부정확 하며 실행 시간이 오래 걸림.
  • 자동화 할 수 있지만 UI Testing은 자동화 하기가 가장 까다롭고 또 실행하기도 까다로움.

Integration Testing

  • 최소 두개이상의 클래스 또는 서브 시스템의 결합을 테스트하는 방법
  • 예를들면 노드로 서버를 띄우고 모델 클래스와 결합하여 데이터베이스 시스템과 연동한 테스트
  • Postman 또는 httpie로 호출해서 Json response가 제대로 출력되는지 확인
  • Integration Testing이 E2E Testing 다음으로 공수가 많이 듭니다.

Unit Testing

  • 유닛 테스트는 UI Test 또는 Integration Test 보다 테스트 비용이 싸다고 할 수 있다. 왜냐하면 UI Test는 백엔드 서버와 프론트를 연동하여 사람이 직접 테스트하지만, 유닛 테스트는 사람이 스크립트로 한꺼번에 자동으로 실행하기 때문이다.
  • 또한, 유닛 테스트는 다른 테스트에 비해서 실행 속도가 매우 빠르다. 그래서 유닛테스트를 활용하면 하루에도 배포를 여러번 할 수 있어 개발 및 배포 속도에 중요한 영향을 주기 때문에 개발할 때 최대한 활용하는게 좋다.
  • 새로운 기능을 구현할때 유닛 테스트를 잘 작성해놓으면 중장기적으로 유지 보수가 쉬운 장점이 있다. 즉, 이전에 통과했던 테스트 집합을 가지고 버그를 찾기 위해서 이전에 테스트 되었던 유닛테스트를 반복하는것을 regression 테스트라고 하는데 유닛테스트만 반복하면 되기 때문에 regression 테스트도 반복적으로 수행 할 수 있다.
  • 유닛테스트를 잘 짜놓으면 유닛테스트가 되었던 코드에서는 버그가 거의 발견되지 않고 대부분 버그가 발견되는 경우는 유닛테스트가 없어서 발생하는 경우가 많고 만약 사후에 발견된 버그에 대해서도 버그를 수정한 후 유닛테스트를 작성해놓으면 버그를 방지할 수 있다.

실습

npm install --save-dev jest 명령어를 통해 다운받기

__TEST__ -> detail.test.js

import { productDetailController } from '../controllers';

describe('Detail', () => {
  const req = {
    params: { productId: 2 },
  };
  const res = {
    status: jest.fn(() => res),
    send: jest.fn(),
  };
  test('2 상품의 값이  받아져오는가?', async () => {
    await productDetailController.productDetail(req, res);
    expect(res.send).toBeCalledWith({
      id: 2,
      eng_name: 'Cozy Cushion House',
      price: 32210,
      is_new: 0,
      is_main: 1,
      quantity: 1000,
      sale_rate: null,
      cate_name: 'dog',
      subcate_name: 'house',
      url: [
        {
          id: 2,
          image: '/images/productListMain/dog/dog_house_02.png',
        },
        {
          id: 15,
          image:
            'https://ae01.alicdn.com/kf/H5098255cba874443bca7453d76e710fbV/-.jpg_Q90.jpg_.webp',
        },
        {
          id: 16,
          image:
            'https://ae01.alicdn.com/kf/H8debf1b4e60b4565aeb5f6e1920971f1S/-.jpg_Q90.jpg_.webp',
        },
        {
          id: 17,
          image:
            'https://ae01.alicdn.com/kf/Hd3456218cc1b49dcbcf1a6aa47e878c5K/-.jpg_Q90.jpg_.webp',
        },
      ],
      image_id: 2,
    });
  });
});
 PASS  __TEST__/detail.test.js
  Detail
     2 상품의 값이  받아져오는가? (144 ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        0.733 s, estimated 1 s
Ran all test suites.

솔직하게 아직은 unit test보다는 postMan을 통해 수작업으로 테스트 하는것이 편하다.

물론 내가 정확한 사용방법을 숙지하지 못하고 활용하지 못하기 때문일것이다.

지금은 unit test라는 것이 있고 이것이 무엇을 위해 만들어졌는지만 아는것으로 넘어가지만

추후 제대로 활용할줄 알게된다면 포스트업데이트를 할 것이다.

업데이트: