목록 보기
나만의 Jest Matchers 만들기
프론트엔드

나만의 Jest Matchers 만들기

두줄요약

Jest Custom Matcher를 만들어 반복적인 class 검증 테스트를 줄이는 방법을 소개했습니다. setup 파일 등록과 TypeScript 타입 선언까지 함께 다뤘습니다.

핵심 내용

  • Jest의 Matchers를 활용해 기대값과 실제값의 관계를 표현하는 방식 소개
  • 반복적인 class 검증을 줄이기 위한 커스텀 Matcher toContainAllClasses 구현 예시
  • jest.setup.js와 expect.extend로 Matcher 등록, TypeScript에서는 jest.d.ts로 타입 선언 추가

적용해볼 점

  • 반복되는 테스트 단언을 공통 Matcher로 추상화
  • 입력값 타입 검증과 에러 메시지 정의를 함께 고려
  • 프로젝트 테스트 스타일에 맞춰 커스텀 Matcher 재사용

카카오 계열사 채용30건

채용 사이트에서 전체 보기

다음 읽기

#Jest 주제를 이어서 읽기

나만의 Jest Matchers 만들기

Jest Custom Matcher로 여러 CSS class 포함 여부를 한 번에 검증하는 방법을 설명했습니다. 설정 파일 등록, 타입 검증, TypeScript 타입 확장 과정을 함께 다뤘습니다.

카카오엔터테인먼트FE
카카오엔터테인먼트FE
프론트엔드

댓글 0개

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...