Jest với webpack cung cấp plugin

Question

Tôi đang sử dụng plugin webpack-cung cấp để nhập phản hồi.

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

Nhưng trong khi chạy phản ứng thử nghiệm thành phần với jest, tôi nhận được lỗi

ReferenceError: React is not defined 

Ofcourse, vì phản ứng không được nhập cũ hoàn toàn. Có cách nào để vấn đề này khác hơn là nhập khẩu rõ ràng và từ bỏ cung cấp plugin?

Answer 1

Bạn có thể tạo một tập tin thiết lập cho jest như thế này:

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

và thêm nó vào jest config: "setupFiles": [ "<rootDir>/jest.setup.js" ], http://facebook.github.io/jest/docs/configuration.html#setupfiles-array

Answer 2

loại bỏ dòng này như bạn đang chứng minh biến này sử dụng webpack cung cấp cắm vào;

nhập Phản ứng từ "phản ứng";