webpack提供Jest with plugin

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 

を取得

もちろん、反応がインポートされていないため明白に。明示的なインポートと提供プラグインを放棄する以外の方法はありますか？あなたが提供するWebPACKを使用してこの変数を証明しているよう http://facebook.github.io/jest/docs/configuration.html#setupfiles-array

Answer 1

あなたはこのように冗談のためのセットアップファイルを作成することができますプラグイン。

インポート "react"から反応します。

Answer 2

この行を削除し、 "setupFiles": [ "<rootDir>/jest.setup.js" ]：

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

をし、それが設定を冗談に追加：