使用JEST和css模块测试Reaction组件时出错 [英] Error when testing react components with jest and css-modules

问题描述

我正在尝试使用jest、react、redux测试我的组件，但我一直收到以下错误：

 ● Test suite failed to run
        stream-react-redux/src/containers/App/App.css:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){.app {

    SyntaxError: Unexpected token .

我遵循了有关如何添加identity-obj-proxy和配置.jestrc文件的说明，但我一直收到相同的错误。当我开始使用css-模块并将它们导入我的组件时出现了问题

这是我的.jestrc：

{
  "moduleFileExtensions": [ "js", "jsx"],
  "moduleNameMapper": {
    "\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/__mocks__/fileMock.js",
    "^.+\.(css)$": "identity-obj-proxy"
  },
  "transform": {
    "^.+\.(js|jsx)$": "babel-jest"
  },
  "verbose": true
}

我还在.babelrc文件中添加了["es2015", { "modules": false } ]。

推荐答案

所以在尝试了所有方法之后，我仍然收到相同的错误。

我刚才注意到的是，当我在.jestrc文件中指定我的配置时，我的测试因.css而停止，但当我从package.json执行时，一切正常。

编辑

#package.json


  "jest": {
    "moduleNameMapper": {
      "\.css$": "identity-obj-proxy"
    }, 
    "transform": {
      "\.js$": "babel-jest"
    }

这篇关于使用JEST和css模块测试Reaction组件时出错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！