Unerwarteter Token-Import beim Lauf Jest Test

Question

Zuerst möchte ich nur sagen, dass ich viel gesucht und versucht habe, bevor ich diese Frage gestellt habe und ich viele Simillar Themen sah, aber jemand gibt mir eine Antwort.

Ich benutze reagieren, redux, redux-form, webpack, css-Module.

Und versuchen, mein Projekt zu testen, indem Scherz mit und ich bekomme diese Fehlermeldung:

C:\PROJECT\node_modules\redux-form\es\getFormValues.js:1

import createGetFormValues from './selectors/getFormValues';

^^^^^^ SyntaxError: Unexpected token import

denke ich, dass redux-Form nicht vor dem Test ES5 kompiliert wird.

Mein test.test.js wie folgt aussieht:

import React from 'react'; 
import {configure,render} from 'enzyme'; 
import Adapter from 'enzyme-adapter-react-15'; 

import TestComponent from '../../../components/TestComponent '; 

describe('TestComponent ',() => { 
    configure({adapter: new Adapter()}); 

    it('snapshot',() => { 
     expect(render(<TestComponent/>)).toMatchSnapshot(); 
    }); 
}); 

Meine .babaelrc config-Datei wie folgt aussieht:

{ 
    "presets": [ 
    "es2015", 
    "react" 
    ], 
    "plugins": [ 
    "transform-class-properties", 
    "transform-decorators", 
    "transform-object-rest-spread" 
    ] 
} 

Meine package.json Scherz Konfiguration wie folgt aussieht:

"jest": { 
    "collectCoverageFrom": [ 
     "PROJECT/**/*.{js}" 
    ], 
    "moduleNameMapper": { 
     "\\.(css|scss)$": "identity-obj-proxy" 
    } 
    } 

Wie soll ich das richtig konfigurieren, Scherz, keine Fehler zu haben?

Answer 1

Ich brauchte die Einfuhr von meiner Komponente aus zu ändern:

import getFormValuesfrom "redux-form\es\getFormValues"; 

zu

import { getFormValues} from "redux-form"