当尝试导入组件时，Jest抛出错误意外令牌函数

Question

我试图用Jest测试一个基本的，但是当我试图导入该组件时，它会中断。编辑:注意如果我加载一个更简单的组件，它不会抛出这个错误。我试图加载的那个基本上是相同的，但是有一个async实例方法。也许这就是打破玩笑的原因？

test.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中运行此测试，则您在.babelrc文件中使用的预设集不支持异步/等待。

您需要其中一个预置/插件：

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