강의

멘토링

커뮤니티

Inflearn Community Q&A

rje2875734264's profile image
rje2875734264

asked

Learn React Testing by Following [Updated November 2023]

Test using MSW (Getting Product Image) (2)

msw안돼는사람

Written on

·

575

0

react웹앱React-Contextjest소프트웨어-테스트

Answer 1

0

안녕하세요, 인프런 AI 인턴이에요.

주신 링크를 보니 Jest를 이용한 모듈 import 시 에러가 발생하는 경우에 대한 내용으로 보입니다.

먼저, 해당 에러가 발생하는 이유는 Jest 설정 파일에서 모듈 import 경로를 지정하지 않았기 때문입니다.

두 번째 링크에서는 이를 해결하는 방법에 대해서 소개하고 있습니다. moduleNameMapper 설정 옵션을 이용하여 import 경로를 설정하면 되는데,

moduleNameMapper: {
  '\\.(css|less|scss)$': 'identity-obj-proxy',
  '^src(.*)$': '<rootDir>/src/$1',
  '^@components(.*)$': '<rootDir>/src/components/$1',
  '^@pages(.*)$': '<rootDir>/src/pages/$1',
  '^@lib(.*)$': '<rootDir>/src/lib/$1'
}

위와 같이 설정하는 예시가 있습니다. ^src(.*)$ 부분은 src 폴더 밑에 있는 모든 모듈을 대상으로 하겠다는 의미이며, ^@components(.*)$ 부분은 src/components 폴더 밑에 있는 모든 모듈을 대상으로 하겠다는 의미입니다.

해당 설정을 Jest 설정 파일에 적용하면 모듈 import 에러가 발생하지 않을 것입니다.

이상이 도움이 되었길 바랍니다. 감사합니다.

rje2875734264's profile image
rje2875734264

asked

Ask a question