Bable不编译JSX for Jest/React

Question

我试图用JEST for React设置单元测试。

我的当前设置里面的package.json：

"jest": { 
"transform": { 
    "^.+\\.jsx?$": "babel-jest" 
}, 
"moduleFileExtensions": [ 
    "js", 
    "json", 
    "jsx" 
] 

}

然后里面.babelrc我：

{ 
    "plugins": ["syntax-dynamic-import", "transform-runtime"], 
    "presets": [ 
    [ 
     "es2015", 
     { 
     "modules": false 
     } 
    ], 
    "react" 
    ], 
    "env": { 
    "test": { 
     "presets": ["es2015", "react"] 
    } 
    } 
    } 

我然后运行NPM测试，并随后开始运行开玩笑。但是，它会报错/不合格： 测试套件未能在

    componentDidMount=()=>{ 
      |     ^
     25 |   window.addEventListener('scroll', this.handleScroll) 
     26 |  } 

用错误来运行这是告诉我，而测试输入正确的组件，它最终停止在一些ES2015语法。

我有什么设置错了吗？在JEST试图运行它的测试之前，似乎babelrc实际上并没有进行转译？它是否正确？ 我的.babelrc位于根级别。

Answer 1

您错过了transform-class-properties babel plugin。静态类属性不是ES2015的一部分，需要单独的插件。