Почему я получаю Jest-тест "Неожиданный идентификатор" при запуске "компонент монтирования" с диаграммой реакции?

Question

Я пытаюсь запустить базовый тест "Монтирование компонента React" в Jest. Тест

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 пакет по какой-то причине.