[Jest] Jest 기본 문법Frontend/Jest2025. 8. 7. 16:35
Table of Contents

Jest 기본 문법
아래와 같이 테스트할 파일과 테스트할함수파일명.test.ts를 해준다. (+ spec.ts도 Jest가 인식하기에 가능하다)

// 기본적인 test 문법
test('a + b는 3이다.', () => {
expect(a + b).toEqual(3);
});
// 그룹 테스트 문법
describe('그룹 테스트 설명 문자열', () => {
test('a + b는 3이다.', () => {
expect(a + b).toEqual(3);
});
test('a + b는 4이다.', () => {
expect(a + b).toEqual(4);
});
});
기본적으로 test는 test 하나를 테스트할 때 사용하고, 그안의 첫번째 인수로 테스트 설명, 두번째 인수에는 콜백을 넣어 테스트할 내용을 삽입하면 된다.
describe 는 테스트 그룹을 묶어주는 역할을 하고, 그안의 콜백함수 내에 테스트에 쓰일 가자 변수,객체들을 선언하여 일회용으로 사용 할 수 있다.
toXxx 부분에서 사용되는 함수를 흔히 Test Mathcher라고 하는데, 위에서 사용된 toEqual() 함수는 값을 비교할때 사용한다.
즉, expect(a + b).toEqual(3); 이라는 말은 a+b의 기대값이 3과 같으면 true 를 의미한다고 보면 된다.

그리고 npm test를 실행하면 프로젝트 내에 모든 테스트 파일을 찾아서 테스트를 실행해준다.
Jest는 기본적으로 test.js로 끝나거나, __test__ 디렉터리 안에 있는 파일들은 모두 테스트 파일로 인식한다.
만약 특정 테스트 파일만 실행하고 싶은 경우에는 npm test <파일명 이나 경로>를 입력하면 된다.
@동혁이 :: Eun_Frontend
프론트엔드 공부일지 입니다.
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!