TTD - Jest

단위테스트(unit test)

💡 하나의 모듈 ( 컴포넌트 또는 페이지)을 가준으로 독립적으로 진행되는 가장 작은 단위의 테스트이다.
단위 테스트는 애플리케이션을 구성하는 하나의 기능이 올바르게 동작하는지를 테스트한다.
즉 “어떤 기능이 실행되면 어떤 결과가 나온다” 정도로 테스트를 진행한다.

Jest 문법

• it
  • 영문으로 작업할때
• test
  • 한국말로 작업할때 사용
• describe
  • 테스트하고자 하는 컴포넌트 또는 페이지 포함
  • it 과 test 를 통해서 세부 테스트를 한다.
• beforEach
  • it 과 test 전에 각각 한번씩 실행된다.

describe("테스트하고자 하는 컴포넌트", () => {
	beforeEach(()=>{
		console.log("beforeEach");
	})
	it("should test component A", ()=>{
		console.log("it");
	});
	test("테스트케이스 1번, 00을 테스트한다.",()=>{
		console.log("test");
		});
})

실행순서

beforeEach > it > beforeEach > test

• beforeAll()
  • beforeAll 전체적 테스트 전에 실행됨
• afterAll
  • beforeAll 과 다르게 전체적 테스트 후에 실행되는 코드이다

---

환경설정

jest 와 관련된 라이브러리 설치

npm i --save-dev jest @types/jest ts-jest jest-environment-jsdom @testing-library/react @testing-library/dom @testing-library/jest-dom

최상위 폴더 jest.config.cjs 파일을 하나 만들어 준다.

그리고 아래와 같이 작성한다.

또는 파일을 작성을 원하지 않는 경우에는 package.json 에 작성을 해도 된다.

package.json 에 테스트 할 명령어를 넣어준다.

---

유닛테스트 실행

테스트를 실행하고자하는 페이지 또는 컴포넌트와 동일 하게 파일을 작성해준다.

그 데이터안에 테스트하고 하는 명령어 적어준다.

그 이후 명령어를 실행키기 위해 명령어 실행해본다.

그럼 아래와 같이 테스트 하고자하는 내용들이 나온다.