테스트파일 절대경로 설정 상대경로가 너무 깊어지면 모듈을 import할때 매우 더러워지기 때문에 바벨, tsconfig.json에서 절대경로를 설정한다. 하지만 테스트 파일을 위한 절대경로는 따로 설정해줘야 한다. 당연히 jest.config.js에서 설정을 해야하며 아래와 같이 경로의 alias를 설정해 줄 수 있다. moduleNameMapper: { '^components/(.*)': '/components/$1', '^hooks/(.*)': '/hooks/$1', }, 맨 앞을 나타내는 정규표현식인 ^를 처음에는 안 써줬었는데 계속 path를 못 찾는 에러가 발생했다. ^를 써주니 $1 그룹도 잘 찾고 에러없이 테스트 파일을 실행시킬 수 있..
test
react와 redux toolkit을 활용해 테스트 코드 작성하는 방법을 공부하던 도중에 redux toolkit이 제공하는 createAsyncThunk를 테스트해야만 했습니다. 비동기 처리 로직을 담당하는 api이기 때문에 어떻게 테스트해야 하는지 고민을 했고 어떻게 결론에 도달했는지 공유합니다. Test flow export const fetchOneUser = createAsyncThunk( 'user/fetchOneUser', async (userId, { rejectWithValue }) => { try { const res = await axios.get(`https://jsonplaceholder.typicode.com/users/${userId}`); return res...
