Jest z wtyczką webpack dostarczyć wtyczkę

Question

Używam webpack-provide-plugin do importowania reagować.

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

Ale podczas jazdy reagować testy komponentów z żartem, pojawia się błąd

ReferenceError: React is not defined 

Oczywiście, ponieważ reaguje nie jest importowany zawzięcie. Czy istnieje sposób na ten problem, inny niż wyraźny import i rezygnacja z dostarczania wtyczki?

Answer 1

Można utworzyć plik konfiguracyjny dla żartu tak:

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

i dodać go do żartem config: "setupFiles": [ "<rootDir>/jest.setup.js" ], http://facebook.github.io/jest/docs/configuration.html#setupfiles-array

Answer 2

usunąć tę linię, jak udowadniają tę zmienną przy użyciu WebPack zapewnić podłącz;

import Reaguj z "reaguj";