手册模拟阵营，国际与玩笑有快照测试

Question

我一直在努力，因为当我运行测试，我有这个错误嘲讽React-Intl library与Jest：

Invariant Violation: [React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry. 

这个库的documentation说，我们有中创建一个名为__Mocks__根项目文件夹，然后添加此文件：

// ./__mocks__/react-intl.js 
import React from 'react'; 
const Intl = require.requireActual('react-intl'); 

// Here goes intl context injected into component, feel free to extend 
const intl = { 
    formatMessage: ({defaultMessage}) => defaultMessage 
}; 

Intl.injectIntl = (Node) => (props) => <Node {...props} intl={intl}/>; 

module.exports = Intl; 

但没有任何反应。

Answer 1

经过几个小时的研究，我发现我需要改变的是我要求react-intl包的方式。所以，我改变了一行：

const Intl = require.requireActual('react-intl'); 

到：

const Intl = jest.genMockFromModule('react-intl'); 

所以最终的文件看起来像这样：

import React from 'react'; 
const Intl = require.genMockFromModule('react-intl'); // <-- This is the change 

const intl = { 
    formatMessage: ({defaultMessage}) => defaultMessage 
}; 

Intl.injectIntl = (Node) => (props) => <Node {...props} intl={intl}/>; 

module.exports = Intl; 

希望这有助于！