Enzymeを使用して子コンポーネントメソッドをテストする方法は？

Question

私はそのようなコンポーネントを持っている：

<Parent> 
    <Child/> 
</Parent> 

と<Child/>コンポーネントは、メソッドfooを持っています。私はfooメソッドをテストしたいが、私はそれにアクセスする方法を知らない。私が試した：

mount(<Parent><Child/></Parent>).props().children.foo 

または

mount(<Parent><Child/></Parent>).children().foo 

が、それらはundefinedあるの両方を。 .instance()はrootではないので使えません。 <Parent>がcontextに何か（react-routerのcontext.router）を追加しているので、私は<Child/>をマウントすることができず、init <Child/>のときに必要となります。これにはどんな考えですか？

Answer 1

あなたの問題は子コンポーネントのテスト方法とは異なると思います。

私の最初の質問は、なぜ子コンポーネントが親のコンポーネントテストで特定のメソッドを持っているかどうかチェックしていますか？

IMHOこのコンポーネントに固有のテストが必要です。このテストでは、メソッドが存在するかどうかを確認します。

回答なしで放置しないと、.find(Child).instance().fooを試しましたか？

Answer 2

私はあなたの親クラスだけのテストを書くことを考えています。そしてあなたの子供だけをテストするための別のテストファイルを考えてみましょう。

あなたが使用してあなたのコンポーネントを搭載していたら：

const component = mount(<Child>); 

あなたはそれは方法を使用していへのアクセスがあります：あなたは、その後jest.fnでオーバーライドそれを（のようなものを行うことができます

component.instance().methodname 

を）し、適切にテストする。