反応ホットキーでラップされた反応成分をテストする

Question

こんにちは、私は非常に反応しています。反応ホットキーを使用して私の反応アプリケーションにキーボードショートカットを実装しました。

プラグインは基本的にコンポーネントのこの種をテストする方法を、次のタグ

今

<Hotkeys> 
// Component render output 
</Hotkeys> 

内のレンダリングされたコードをラップするように求められますか？私はそれがこのエラー境界は何次のエラーに

Console 

console.error node_modules\react-test-renderer\cjs\react-test-renderer.development.js:5530 
    The above error occurred in the <HotKeys> component: 
     in HotKeys (at homePageRow.js:68) 
     in HomePageRow (at home.test.js:14) 

    Consider adding an error boundary to your tree to customize error handling behavior. 

を与えるこのようなテストケース

it('Shows text passed',() => { 
var expected = [1,2,3,0]; 
const wrapper = renderer.create(<HomePageRow title={'Home Row Title'}cards={[]}/>); 
const inst = wrapper.getInstance(); 
expect(inst.render()).toMatchSnapshot(); 
}); 

を書きましたの？テストでHOCを無視する方法誰も反応ホットキープラグインを実装し、コンポーネントにテストを書きましたか？もしあなたが私にそれらを書く方法を助けてもらえますか？

Answer 1

任意のコンポーネントのWrappedComponentプロパティは、HOCのためのモックを作成することなく、あなたがHOCので包まれたコンポーネントにアクセスすることができます：それはちょうど嘲笑しようとしないHOCをなら

it('Shows text passed',() => { 
var expected = [1,2,3,0]; 
const wrapper = renderer.create(<HomePageRow.WrappedComponent title={'Home Row Title'}cards={[]}/>); 
const inst = wrapper.getInstance(); 
expect(inst.render()).toMatchSnapshot(); 
}); 

Hotkeys：

jest.mock('../../../Hotkeys',() => (
    jest.fn(() => 
    <div>Hotkeys component</div>, 
) 
));