테스트 코드 기초

테스트 코드 개념

단위 테스트(유닛 테스트): 버튼 클릭 같은 개별 기능 테스트

 

통합 테스트: 여러 기능 한꺼번에 테스트

 

E2E 테스트(End to End): 접속해서 로그인하고, 구매하는 등 시나리오가 있는 테스트

 

테스트 코드 기초 실습

it

하나 테스트

 

'파일명'.spec.ts 혹은  '파일명'.test.ts 파일명을 써준다.

실행은 'yarn test' 명령어로 실행한다. (package.json에 명령어보고 입력)

// it를 입력하면 테스트한다는 뜻
it('더하기 테스트', () => {
  // 테스트 진행하는곳
  const a = 1;
  const b = 1;

  // a+b가 3이될것이라고 기대한다...
  expect(a + b).toBe(3);
});

 

아래는 콘솔에 찍힌 결과 값이다.

콘솔에 찍힌 결과모습.. 에러를 뿜어내고 있다.

 

 

describe

테스트 코드를 그룹화 시켜서 테스트 하기

 

// 여러개 묶음으로 테스트하기
describe('나의 테스트 그룹', () => {
  it('더하기 테스트', () => {
    const a = 1;
    const b = 1;

    expect(a + b).toBe(2);
  });

  it('곱하기 테스트', () => {
    const a = 1;
    const b = 2;

    expect(a * b).toBe(2);
  });
});

 

beforeAll,beforeEach

beforeAll: 모든 it들 실행 전에 딱 한번 실행 ex) 로그인등..
beforeEach: 각각의 it들 실행하기 전에 매번 실행 ex)초기화, 초기값 설정 등등..

 

describe('상품 구매 테스트', () => {
  // 모든 it들 실행 전에 딱 한번 실행 ex)로그인..
  beforeAll(() => {});

  // 각각의 it들 실행하기전에 매번 실행하는것 ex)초기값, 초기화 설정 등등
  beforeEach(() => {});

  it('돈 검증하기', () => {
    const result = true; //돈이 충분하다고 가정

    expect(result).toBe(true);
  });

  it('상품 구매하기', () => {
    const result = true; // 상품 구매했다고 가정
    expect(result).toBe(true);
  });
});