TIL ( 테스트 코드 )

💡테스트코드(Test Code) 

 

1. 테스트 코드

 - 테스트코드란 말 그대로 작성한 코드에 문제가 없는지 의도대로 동작하는지 테스트하기 위해 작성하는 코드이다.

 - 테스트코드의 목적은 "내 코드가 멀쩡하다"를 증명하기 위한 것이 아니라, "내 코드가 멀쩡하다면 결과가 이렇게 나와야 한다"라는 기대치를 설정하고 검증하기 위한 것이다.

 - 따라서 테스트코드를 작성할 때는 테스트 기본 원칙중 "테스팅은 결함이 없는 것이 아니라, 결함의 존재를 보여주는 것이다." 라는 원칙을 알아두고 작성해야한다.

 

2. 테스트 코드의 종류

 - 단위 테스트 (Unit Test) : 가장 작은 규모의 기능을 테스트한다.

 - 통합 테스트 (Integration Test) : 다양한 기능을 합쳤을때 생기는 문제를 방지하기 위한 테스트이다.

 - E2E 테스트 (End-to-end Test) : 끝에서 끝(종단 간)을, 백엔드부터 시작해 최종적으로 웹페이지가 원하는대로 동작하며 원하는 데이터를 잘 보여주는지 확인하는 테스트이다. 

 

3. 테스팅 프레임워크 Jest

 - Jest는 Node.js를 통해 사용하고 있는 언어인 JavaScript에서 사용이 가능한 테스팅 프레임워크중 하나이다.

 - Jest는 다른 테스팅 프레임워트중 가장 테스트 코드의 표현이 간결하여 많은 개발자들에게 사랑받으며 사용되고 있습니다.

[테스팅 프레임워크 사용률 지표] 파란색이 Jest, 그 외엔 원래 존재하던 테스팅 프레임워크

1) Jest 사용전 준비

<모듈 설치>
# DevDependencies로 jest를 설치합니다.
yarn add -D jest

 

package.json 파일 수정
{
  "license": "MIT",
  ...
}
아래에 추가
{
  "type": "module",
  "scripts": {
    "test": "node --experimental-vm-modules node_modules/.bin/jest"
  },
}
// => yarn test 명령어 실행 가능

 

2) 테스트 코드 파일 생성 & 작성

- 일반적인 관례로 테스트 파일은 [ 테스트할 파일이름.spec.js ] 와 같은 형식으로 만든다.

- test() : 단위 테스트를 묶어주는 함수이다.

- expect(): 특정 값이 정상적으로 작동하는지 확인하기 위한 표현식을 작성할 수 있게 해주는 함수이다.

//테스트 코드 예시

import { isEmail } from './validation';

test('입력한 이메일 주소에는 "@" 문자가 1개만 있어야 이메일 형식이다.', () => {
  expect(isEmail("my-email@domain.com")).toEqual(true); // 1개만 있는 상황
  expect(isEmail("my-email@@@@domain.com")).toEqual(false); // 여러개 있는 상황
  expect(isEmail("my-emaildomain.com")).toEqual(false); // 하나도 없는 상황
});

test("입력한 이메일 주소에 공백(스페이스)이 존재하면 이메일 형식이 아니다.", () => {
  expect(isEmail("myemail@domain.com")).toEqual(true);
  expect(isEmail("my email@domain.com")).toEqual(false);
});

test("입력한 이메일 주소 맨 앞에 하이픈(-)이 있으면 이메일 형식이 아니다.", () => {
  expect(isEmail("e-m-a-i-l@domain.com")).toEqual(true);
  expect(isEmail("-email@domain.com")).toEqual(false);
});

 

// isEmail함수 디버깅 예시

export const isEmail = (value) => {
  const email = (value || '');

  if (email.split('@').length !== 2) {
      return false;
  } else if (email.includes(' ')) {
      return false;
  } else if (email[0] === '-') {
      return false;
  }
  return true;
};

 

 

*정리하면서 다시 이해하는 데 아직 온전히 이해가 되지않는다..

 

 

**출처 테스팅프레임워크 이미지

https://2022.stateofjs.com/