酵素を浅くして複数の成分をレンダーする

Question

酵素の浅い部分を使用して、より多くの成分を1つにすることは可能ですか？

私は、次の失敗のテストがあります。

it('should have different ids for different checkboxes',() => { 
     const wrapper = shallow(<div><Checkbox {...props} /><Checkbox {...props} /></div>) 

    const inputs = wrapper.find('input') 
    expect(inputs.length).toBe(1) 
    }) 

Answer 1

私はあなたが酵素のmountの代わりshallowを使用したいと思いますが。これは、あなたのCheckboxコンポーネントが、あなたの試験が狙っているinputを与えるものであると仮定している。 shallowはネストされたコンポーネントをレンダリングしません。その名前が示唆するように、それはあなたが渡すものの浅いレンダリングを行います。一方、mountは、ネストされたコンポーネントをレンダリングします。これは、ユニットテストであれば、それはCheckboxの出力を気にしてはならない、すべてのことが言われている https://github.com/airbnb/enzyme/blob/master/docs/api/mount.md https://github.com/airbnb/enzyme/blob/master/docs/api/shallow.md

：

はmountとshallowの詳細については、そのドキュメントをチェックしてください。 Checkboxの出力をチェックするための単体テストがあります。