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提供證明這個變量插入;

導入從「反應」中反應;