• 정의

  • 개발한 코드가 개발자의 의도대로 동작하는지 확인하기 위해 작성하는 코드

• 테스트의 7가지 원칙 ➡️ https://www.boxuk.com/insight/the-seven-principles-of-testing/

  1. 테스트는 결함의 부재가 아닌 결함의 존재를 보여준다.
  2. 철저한 테스트가 불가능하다.
  3. 조기 테스트로 시간과 비용을 절약한다.
  4. 결함 클러스터
  5. 살충제 패러독스 ( = 면연력 )
  6. 테스트 및 결과는 상황에 따라 다르다.
  7. 오류가 없다는 것은 오류다.

• 테스트코드의 종류

  • 단위 테스트 ( Unit Test ) : 가장 작은 규모의 기능 테스트
  • 통합 테스트 ( Integration Test ) : 여러가지 기능을 합쳤을 때의 문제를 방지하기 위한 테스트
  • E2E 테스트 ( End-toend Test ) : 백엔드를 기점으로 웹 페이지까지 원하는 대로 동작하는지 테스트

• 테스트코드 작성 시 사용하는 프레임워크는 ?

  • Jest
    • FE 라이브러리인 React.js 와 궁합이 좋고, 다른 테스팅 프레임워크와 비교했을 때 여러가지 장점이 있지만, 가장 큰 이유는 테스트 코드의 표현이 다른 프레임워크에 비해 표현이 훨씬 간결하다.

• 테스트코드 예시(기초)

  // validation.js
  
  module.exports = {
      isEmail: (value) => {
          const email = (value || '');
  
  				// 이메일 주소에 @ 문자가 1개만 있어야 한다.
          if (email.split('@').length !== 2) {
              return false;
  				}
  
  				// 이메일 주소에 공백(스페이스)이 존재하면 안된다.
          else if (email.includes(' ')) {
              return false;
  				}
  
  				// 이메일 주소 맨 앞에 하이픈(-)이 존재하면 안된다.				
          else if (email[0] === '-') {
              return false;
          }
  
  				// 위 3개의 조건을 만족한다면 패스
          return true;
      },
  };
  

// validation.spec.js
// → validation.js 에 있는 isEmail 에 대한 테스트코드

const { isEmail } = require('./validation');

test('입력한 이메일 주소에는 "@" 문자가 1개만 있어야 이메일 형식이다.', () => {
  expect(isEmail('[email protected]')).toEqual(true);
  expect(isEmail('luna@@@@@naver.com')).toEqual(false);
  expect(isEmail('lunanaver.com')).toEqual(false);
});

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

test('입력한 이메일 주소 맨 앞에 하이픈(-)이 있으면 이메일 형식이 아니다.', () => {
  expect(isEmail('[email protected]')).toEqual(true);
  expect(isEmail('[email protected]')).toEqual(false);
});

• test() : 단위 테스트를 묶어주는 함수
• expect() : 특정 조건을 만족하는지 확인하기 위한 표현식을 작성할 수 있게 해주는 함수

• 테스트코드 예시(심화)

  • 위의 예시 코드를 기반으로 아래의 조건 2가지를 추가해보자
    1. 이메일 주소의 로컬 파트에는 영문 대소문자, 숫자, 특수문자( + / - / _ ) 외에 다른 값이 존재하면 이메일 형식이 아니다.
    2. 도메인에는 영문 대소문자, 숫자, 점( . ), 하이픈 ( - ) 외에 다른 값이 존재하면 이메일 형식이 아니다.

  // validation.js
  
  module.exports = {
    isEmail: (value) => {
      const email = value || '';
      const [localPart, domain, ...etc] = email.split('@');
  
      if (email.split('@').length !== 2) {
        return false;
      } else if (email.includes(' ')) {
        return false;
      } else if (email[0] === '-') {
        return false;
      } else if (!/^[a-z0-9+_-]+$/gi.test(localPart)) {
        return false;
      } else if (!/^[a-z0-9.-]+$/gi.test(domain)) {
        return false;
      }
  
      return true;
    },
  };
  

  // validation.spec.js
  // → validation.js 에 있는 isEmail 에 대한 테스트코드
  
  const { isEmail } = require('./validation');
  
  test('입력한 이메일 주소에는 "@" 문자가 1개만 있어야 이메일 형식이다.', () => {
    expect(isEmail('[email protected]')).toEqual(true);
    expect(isEmail('luna@@@@@naver.com')).toEqual(false);
    expect(isEmail('lunanaver.com')).toEqual(false);
  });
  
  test('입력한 이메일 주소에 공백(스페이스)이 존재하면 이메일 형식이 아니다.', () => {
    expect(isEmail('[email protected]')).toEqual(true);
    expect(isEmail('luna @naver.com')).toEqual(false);
  });
  
  test('입력한 이메일 주소 맨 앞에 하이픈(-)이 있으면 이메일 형식이 아니다.', () => {
    expect(isEmail('[email protected]')).toEqual(true);
    expect(isEmail('[email protected]')).toEqual(false);
  });
  
  test('입력한 이메일 주소중, 로컬 파트(골뱅이 기준 앞부분)에는 영문 대소문자와 숫자, 특수문자는 덧셈기호(+), 하이픈(-), 언더바(_) 3개 외에 다른 값이 존재하면 이메일 형식이 아니다.', () => {
    expect(isEmail('[email protected]')).toEqual(true);
    expect(isEmail('[email protected]')).toEqual(false);
  });
  
  test('입력한 이메일 주소중, 도메인(골뱅이 기준 뒷부분)에는 영문 대소문자와 숫자, 점(.), 하이픈(-) 외에 다른 값이 존재하면 이메일 형식이 아니다.', () => {
    expect(isEmail('[email protected]')).toEqual(true);
    expect(isEmail('Dev-Luna1234@test_domain.com')).toEqual(false);
    expect(isEmail('Dev-Luna1234@test~domain.com')).toEqual(false);
  });
  

궁금증