reactjs - Jest 在尝试导入组件时抛出错误 Unexpected token function

Question

我正在尝试使用 Jest 测试一个基本的 React 组件，但是当我尝试导入该组件时它中断了。编辑:注意到如果我加载一个更简单的组件它不会抛出这个错误。我尝试加载的那个基本上是一样的，但有一个 async 实例方法。也许这就是开 Jest ？

测试.js

import React from 'react';
import {shallow} from 'enzyme';
import Component from '../components/component';


describe('Component', () => {

    it('renders the player component', () => {

        expect(true).toBe(true)

    });


});

.babelrc

{
  "presets": ["es2015", "react"]
}

package.json Jest 配置:

"jest": {

    "setupTestFrameworkScriptFile": "./node_modules/jest-enzyme/lib/index.js",

    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js",
      "json",
      "jsx"
    ],

    "unmockedModulePathPatterns": [
      "<rootDir>/node_modules/react",
      "<rootDir>/node_modules/react-dom",
      "<rootDir>/node_modules/react-addons-test-utils"
    ]
  }

Answer 1

您关于 async 关键字破坏测试的假设可能是正确的。如果您在低于 v7.6 的 NodeJS 版本中运行此测试，async / await您在 .babelrc 文件中使用的预设不支持。

您需要这些预设/插件之一:

• > https://babeljs.io/docs/plugins/transform-async-to-generator/
• > https://github.com/babel/babel-preset-env使用正确的设置
• > https://babeljs.io/docs/plugins/preset-es2017/