[jest] svg를 import한 vue 컴포넌트 테스트 실행 오류 해결방법

jest 테스트 실행 할 때, 오류 내용

SyntaxError: Unexpected token '<'

svg 내부의 코드를 컴파일 해서 그럼.

 

해결방법

svg를 mock을 임포트하게 해야 함.

jest.config.js

"transform": {
   "^.+\\.tsx?$": "ts-jest",
   "^.+\\.svg$": "<rootDir>/svgTransform.js"
},

 

svgTransform.js

module.exports = {
    process() {
        return 'module.exports = {};';
    },
    getCacheKey() {
        // The output is always the same.
        return 'svgTransform';
    },
};

 

 

참고

https://stackoverflow.com/questions/58603201/jest-cannot-load-svg-file