135. 테스트 코드 작성 방법 | describe, test, expect(result).toBe(30)

.spec, .test 를 넣어주면 자바스크립트 테스트 파일로 인식된다.

---

자바스크립트 테스트 파일 경로 관련

1. 테스트할려는 코드랑 테스트 파일이 가까이 있어야한다고 가까이에 test 폴더를 만들거나, 파일을 만든다 (이걸 많이 사용)

2. test 폴더를 따로 분리하는 방법도 있다. 

 

1

 

2

---

1. 테스트 코드 사용방법 ( LoginFrom.spec.js | math.js)

- math.js

function sum(a, b) {
  return a + b;
}

export { sum };

 

- LoginFrom.spec.js

import { sum } from './math';

// sum(10, 20);

// 테스트 코드 시작
describe('math.js', () => {
  // test() : 하나의 테스트 케이스를 검증하는 API
  test('10 + 20 = 30', () => {
    const result = sum(10, 20);
    // expect result의 값이 30이다 예상하는것
    expect(result).toBe(30);
  });
});

 

- npm t 명령어로 테스트 실행

- 테스트 결과 확인 창

빨간줄이 뜨고있는 이유는 ESlint에서 jest를 이해하지 못하고있기 때문이다.

---

2. ESlint에서 jest 인지할수 있게 하는 방법 (eslintrc.js)

- jest : true 넣어주기