代码之家 › 专栏 › 技术社区 › intercoder

使用jest和css模块测试react组件时出错

css-modules enzyme jestjs reactjs

intercoder · 技术社区 · 7 年前

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
}

["es2015", { "modules": false } ] 在我的 .babelrc 文件

2 回复 | 直到 6 年前

intercoder 7 年前

我刚刚注意到的是,当我在 .jestrc 提交我的测试制动器,因为 .css package.json 一切正常。

编辑

#package.json


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

Garrett McCullough 7 年前

我看了Jest文档,说清楚了,你安装了吗 identity-obj-proxy ?

npm install --save-dev identity-obj-proxy

此外,我看到Jest文档中推荐的文件regex是

"\\.(css|less)$": "identity-obj-proxy"

可以尝试切换您的以匹配。

最后,你可以试试jest插件,比如 jest-css-modules

https://github.com/justinsisley/Jest-CSS-Modules

推荐文章

Ekaterina M · 如何使用Jest和测试库在JavaScript中进行单元测试?

1 年前

Gpack · 是否可以使用Jest收集vm.runInContext加载的代码的覆盖率?

2 年前

johann · 模拟“aws sdk”的“S3”功能(nodeJS和Jest)

3 年前

hikky36 · 为什么开玩笑。fn()可以分配给Typescript中的任何函数?

3 年前

kyrolos magdy · 用jest和

3 年前

Parth Chitroda · 无法读取未定义的属性“displayName”。反应+玩笑+酶

3 年前

Cazs · 在React onChange中测试功能组件

3 年前

Anshu Verma · 使用Jest和酶测试内部使用效果

3 年前

Kristesiashvili · 如果不能捕获源代码中的更改,那么用mock编写单元测试有什么意义呢?

3 年前

Alex Barbosa · 开玩笑说一个功能失败了,另一个功能却没有

3 年前