Jest with webpack提供插件

Question

我正在使用webpack-provide-plugin导入反应。

new webpack.ProvidePlugin({ 
     "React": "react", 
}), 

// text.jsx

let text = (props) => (
    <div> 
    <p class="text">this.props.text</p> 
    </div> 
) 

export default text 

//text.test.js

import React from 'react'; 
import { shallow } from 'enzyme'; 
import text from 'text'; 

it('Renders text',() => { 
    const wrapper = shallow(<text/>); 
    expect(wrapper.hasClass("text")).toEqual(true); 
}); 

但在运行反应组件测试用开玩笑，我得到的错误

ReferenceError: React is not defined 

当然，因为反应没有进口plicitly。除了显式导入和放弃提供插件之外，有没有办法解决这个问题？

Answer 1

你可以这样创建玩笑安装文件：

//jest.setup.js 
window.React = require('react'); 

，并把它添加到开玩笑配置： "setupFiles": [ "<rootDir>/jest.setup.js" ]， http://facebook.github.io/jest/docs/configuration.html#setupfiles-array

Answer 2

删除此行，你正在使用的WebPack提供证明这个变量插入;

导入从“反应”中反应;