Frontend

Jest 테스트파일 절대경로 설정하기

mechaniccoder 2022. 8. 26. 22:30

테스트파일 절대경로 설정

  • 상대경로가 너무 깊어지면 모듈을 import할때 매우 더러워지기 때문에 바벨, tsconfig.json에서 절대경로를 설정한다. 하지만 테스트 파일을 위한 절대경로는 따로 설정해줘야 한다. 당연히 jest.config.js에서 설정을 해야하며 아래와 같이 경로의 alias를 설정해 줄 수 있다.
moduleNameMapper: {
    '^components/(.*)': '<rootDir>/components/$1',
    '^hooks/(.*)': '<rootDir>/hooks/$1',
  },

맨 앞을 나타내는 정규표현식인 ^를 처음에는 안 써줬었는데 계속 path를 못 찾는 에러가 발생했다. ^를 써주니 $1 그룹도 잘 찾고 에러없이 테스트 파일을 실행시킬 수 있었다.