为什么在运行带有“ React-vis Chart”的“ mount component” Jest测试时出现“意外标识符”错误？

Question

我正在尝试在Jest中运行基本的“安装React组件”测试。测试是

test("Create App component", () => {
  const div = document.createElement("div");
  ReactDOM.render(<App />, div);
  ReactDOM.unmountComponentAtNode(div);
});

测试基础结构是使用create-react-app设置的。

App组件有一个使用react-vis组件的子代。

[当我尝试运行测试时，出现以下错误

import _AbstractSeries from './plot/series/abstract-series';
        ^^^^^^^^^^^^^^^

    SyntaxError: Unexpected identifier

    2 | import PropTypes from "prop-types";
    3 | import { withStyles } from "@material-ui/core/styles";
    > 4 | import {
        | ^
    5 |   AreaSeries,
    6 |   Crosshair,
    7 |   CustomSVGSeries,

    at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
    at Object.<anonymous> (src/components/Charts/MyCustomChart.js:4:1)

有关如何使此测试正常工作的任何建议？

Answer 1

经过大量搜索和推迟后，我找到了解决方案。

我发现了一个类似的失败的管道：https://git.fluidware.it/milanoscaloromana/fcub/-/jobs/731

然后，我按照步骤查看如何解决：https://git.fluidware.it/milanoscaloromana/fcub/commit/ec52c35284fd32039f256c4492e562a6180e51cc

您需要从react-vis而不是react-vis/es导入。WebStorm由于某些原因从/es包中自动导入。