fix: react testing library 사용 시 에러 이미지 import 시 에러 발생 (#155)

* infra: 이슈 템플릿 & PR 템플릿 작성 (#86) * infra: 이슈 템플릿 작성 (#84) * infra: PR 템플릿 작성 (#84) * fix: jest svg, png 관련 컴포넌트 발생 에러 해결 (#154) --------- Co-authored-by: Donghun Shin <[email protected]>
woowacourse-teams · Jul 26, 2023 · 013b315 · 013b315
1 parent 9abbbc5
commit 013b315
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/frontend/.eslintrc b/frontend/.eslintrc
@@ -29,7 +29,7 @@
       "version": "detect"
     }
   },
-  "ignorePatterns": ["build", "dist", "public", "webpack.**.js", "mocks"],
+  "ignorePatterns": ["build", "dist", "public", "webpack.**.js", "mocks", "fileTransformer.js"],
   "rules": {
     "no-console": "warn",
     "react/react-in-jsx-scope": "off",

diff --git a/frontend/fileTransformer.js b/frontend/fileTransformer.js
@@ -0,0 +1,10 @@
+// fileTransformer.js
+const path = require('path');
+
+module.exports = {
+  process(sourceText, sourcePath, options) {
+    return {
+      code: `module.exports = ${JSON.stringify(path.basename(sourcePath))};`,
+    };
+  },
+};
diff --git a/frontend/jest.config.js b/frontend/jest.config.js
@@ -5,5 +5,10 @@ module.exports = {
   setupFilesAfterEnv: ['@testing-library/jest-dom/extend-expect'],
   transform: {
     '^.+\\.[tj]sx?$': 'babel-jest',
+    '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
+      '<rootDir>/fileTransformer.js',
+  },
+  moduleNameMapper: {
+    '^\\~/(.*)$': '<rootDir>/src/$1',
   },
 };