How to exclude CSS module files from jest test suites?

user_6426229 0
Viewed 17245

I have react component to test, I import its CSS using webpack as the following.

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

After running jest I get error:

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

How to exclude css files from jest test suites?

jestjs reactjs javascript
2 Answers

Or better yet, add

yarn add --dev identity-obj-proxy

And add the following to jest.config.json

{
  "jest":{
     "moduleNameMapper": {
      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
      "\\.(css|less|scss|sass)$": "identity-obj-proxy"
    },
  }
}
user_38354420
Related