테스트파일 절대경로 설정
- 상대경로가 너무 깊어지면 모듈을 import할때 매우 더러워지기 때문에 바벨, tsconfig.json에서 절대경로를 설정한다. 하지만 테스트 파일을 위한 절대경로는 따로 설정해줘야 한다. 당연히
jest.config.js
에서 설정을 해야하며 아래와 같이 경로의 alias를 설정해 줄 수 있다.
moduleNameMapper: {
'^components/(.*)': '<rootDir>/components/$1',
'^hooks/(.*)': '<rootDir>/hooks/$1',
},
맨 앞을 나타내는 정규표현식인 ^
를 처음에는 안 써줬었는데 계속 path를 못 찾는 에러가 발생했다. ^
를 써주니 $1 그룹도 잘 찾고 에러없이 테스트 파일을 실행시킬 수 있었다.
'Frontend' 카테고리의 다른 글
Redux + Redux-thunk 동작원리 (0) | 2022.08.26 |
---|---|
webpack guide 정리 (0) | 2022.08.26 |
Redux Toolkit에서 createAsyncThunk 어떻게 테스트할까? (0) | 2022.08.26 |
text stroke UI를 알아보자! (0) | 2022.08.26 |
UTC를 사용하자. (0) | 2022.08.26 |