[jest] jest + react-app-wired + customize-cra에서 절대 경로 및 별칭 사용시 인식 안되는 문제 해결

React(CRA), TypeScript 기반의 프로젝트에서 react-app-wired, customize-cra 라이브러리를 사용하고 jest로 테스트 코드를 작성하려 했는데 기존에 설정했던 절대 경로 및 별칭 인식이 되지 않아 에러를 겪고 아래와 같은 해결 방법을 사용했다.

해결 방법

1. package.json에 jest 관련 절대 경로 및 별칭 설정

"jest": {
    "moduleNameMapper": {
      "@test/(.*)": "<rootDir>/src/test/$1",
      "@/(.*)": "<rootDir>/src/$1"
    }
  }

2. 프로젝트 root에 jest.config.js 파일 생성 후 설정

module.exports = {
  "roots": [
    "<rootDir>/"
  ],
  "transform": {
    "^.+\\.tsx?$": "ts-jest"
  }
}