jest 테스트 스위트에서 CSS 모듈 파일을 제외하는 방법은 무엇입니까?

Question

테스트 할 반응 구성 요소가 있습니다. webpack을 사용하여 CSS를 다음과 같이 가져옵니다.

C:\Users\...\node_modules\openlayers\css\ol.css:1 
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.ol-box { 
                          ^
    SyntaxError: Unexpected token . 

어떻게 농담 테스트 스위트에서 CSS 파일을 제외 :

import styles from '../../node_modules/openlayers/css/ol.css' // eslint-disable-line no-unused-vars 

농담을 실행 한 후 나는 오류가?

Answer 1

css 파일을 처리하지 않으려면 jest에 자신 만의 모의 파일을 만들 수 있습니다.

// __mocks__/styleMock.js 

module.exports = {}; 

그런 다음에 package.json 당신이 moduleNameMapper 옵션 아래 styleMock.js 파일에 대한 css 파일을 매핑 할 수 있습니다 :

"jest": { 
    ... 
    "moduleNameMapper": { 
    ... 
    "\\.(css|less)$": "<rootDir>/__mocks__/styleMock.js" 
    }, 
    .. 
}, 

더 많은 정보를 원하시면 https://facebook.github.io/jest/docs/en/webpack.html#handling-static-assets 를 참조하십시오.