javascript - 如何从 Jest 测试套件中排除 CSS 模块文件？

Question

我有要测试的 React 组件，我使用 webpack 导入它的 CSS，如下所示。

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

运行 jest 后出现错误:

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

如何从 jest 测试套件中排除 css 文件？

Answer 1

或者更好的是，添加

yarn add --dev identity-obj-proxy

并将以下内容添加到 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"
    },
  }
}