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

Question

我正在尝试使用 Jest 测试一个基本的 React 组件，但是当我尝试导入该组件时它中断了。编辑：注意到如果我加载一个更简单的组件它不会抛出这个错误。我要加载的那个基本上是一样的，但有一个 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": {

    "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 文件中使用的预设的支持。

您需要以下预设/插件之一：

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

Jest throws error Unexpected token function when trying to import component

testing

reactjs

jestjs

enzyme