2017-10-04 145 views
0

首先我想说的是,在我问这个问题之前,我搜索并试了很多,我看到很多simillar主题,但任何人都给我一个答案。当运行jest测试时意外的令牌导入

我正在使用react,redux,redux-form,webpack,css-modules。

并尝试通过使用笑话来测试我的项目,我得到这个错误:

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

import createGetFormValues from './selectors/getFormValues';

^^^^^^ SyntaxError: Unexpected token import

我认为,终极版型不编译测试之前ES5。

test.test.js样子:

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(); 
    }); 
}); 

.babaelrc配置文件看起来像:

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

package.json开玩笑的配置是这样的:

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

我该如何正确配置这个,开玩笑,没有任何错误?

+0

这是否工作,如果你更换一个简单的在线组件中。例如,将一个HelloWorld组件添加到test.test.js中,并查看它是否呈现。 –

+0

您是否简单地尝试在该jest文件中导入该模块? – fungusanthrax

回答

0

我需要改变从我的组件的进口:

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

import { getFormValues} from "redux-form" 
相关问题