单元测试语法错误，反应，摩卡

Question

我正在尝试使用酶、摩卡和柴为我的反应应用程序设置一些测试。 （我也在使用 webpack）。我为我的浏览器内测试设置了 Karma，但我想只使用节点运行这些测试。

我目前在尝试运行测试时遇到语法错误。我不知道如何解决它。

更新：我正在使用 es6 mocha 'components/**/*.test.js' --recursive --compilers js:babel-register 运行我的测试

我得到的错误是：

   8 | describe('<button />', () => {
   9 |     it('renders something', () => {
> 10 |         const wrapper = shallow(<button />)
  11 |         expect(wrapper).to.be.present
  12 | })

Answer 1

你需要设置 Babel 才能处理 JSX 语法。

有两种选择：将配置添加到您的package.json，或创建一个名为.babelrc 的文件来包含配置。

首先，安装babel-preset-react：

$ npm i babel-preset-react --save

接下来，将以下内容添加到您的package.json：

"babel": {
  "presets": [ "react" ]
}

（或将该对象添加到 .babelrc，不带 "babel" 键）

您可能想要使用的另一个预设是babel-preset-es2015，您可以以类似的方式添加它（只需将其添加到presets 数组中）。

更多关于 Babel 配置 here 和 here 的文档（专门针对 es2015）。