이미지를 Jest에서 인식을 못하나봐요
이미지가 들어가는 모든 파일에서 이런 오류가 떴어요
SyntaxError: 파일경로: Unexpected character ''
이게 무슨 개떡같은 오류래요.??!?!?
그리고 테스트할때마다 터미널에서 뚜뚜뚜뚜뚜 하는 소리가 나더라고요
github.com/facebook/jest/issues/2663
"Syntax Error: Invalid or unexpected token" with .png · Issue #2663 · facebook/jest
I'm trying to test a simple module, but I'm getting this error: Test suite failed to run /home/matheusml/Projects/react-completo/src/assets/images/dribble-logo.png:1 ({"Object.<anon...< p=""> </anon...<>
github.com
mulder21c.github.io/jest/docs/en/next/webpack
Jest · 🃏 Delightful JavaScript Testing
🃏 Delightful JavaScript Testing
mulder21c.github.io
위 글을 참고하여 설정해줬습니다!
외국인 개발자님들 감사해요!! 짱짱~
그냥 복붙만하니까 하도 안돼서 생각을하면서 작성하니까 되더라고요 휴!
jest.config.js 에 설정을 추가해줬어요
그리고 필요한 설정들을 해줬어요
moduleNameMapper: {
"\\.(jpg|jpeg|png|svg)$": "<rootDir>/__mocks__/fileMock.js",
"\\.(css|less|scss)$": "identity-obj-proxy"
}
먼저 mocks에 파일을 추가해주고요
module.exports = 'test-file-stub';
그리고 identity-obj-proxy를 설치해줬어요
npm install --save-dev identity-obj-proxy
그러니 테스트는 안깨지는데 무슨 이상한 오류 뭐지!?
package.json에 jest 설정을 추가해줬어요
"jest": {
"moduleFileExtensions": [ "js", "jsx" ],
"moduleDirectories": [ "node_modules", "bower_components", "shared" ],
"moduleNameMapper": {
"\\.(css|less|scss)$": "identity-obj-proxy",
"\\.(jpg|jpeg|png|svg)$": "<rootDir>/__mocks__/fileMock.js"
}
}
오예 오류 안뜬다!!
엉망이지만 살아난 친구들.. 반갑다 얘들아!!
오류 해결하는데 4시간 걸렸다 ㅎㅎ하하하하하