ReactTestRenderer/Jestによってレンダリングされたコンポーネントとのやりとり方法

Question

私はJestとスナップショットテストを行っています。私がしたいのは、コンポーネントをReactTestRendererでレンダリングし、その中のボタンをクリックしてシミュレートしてスナップショットを確認することです。

ReactTestRendererのcreate呼び出しによって返されるオブジェクトは、私が直接そのメソッドを呼び出すことができますgetInstance機能を持っていますが、ReactTestUtilsで検索/占術の方法のいずれかで動作するようには思えません。

私は手動でツリーを走査して、ボタンをクリックして、より良い方法がなければならないように思えることができます。

は

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import MyCounter from './MyCounter'; 
import renderer from 'react-test-renderer'; 
import {Simulate, findRenderedDOMComponentWithClass} from 'react-addons-test-utils'; 

it('should render 0',() => { 
    const component = renderer.create(<MyCounter/>); 
    const inst = component.getInstance(); 

    // Calling methods directly works, but that's not the same as 
    // simulating a click on the button... 
    inst.increment(); 

    // This also works, but it's awfully verbose... 
    component.toJSON().children[1].props.onClick(); 

    // I'm looking for something like... 
    // inst.find('.increment').click() 
    // or: 
    // Simulate.click(inst.find('.increment')) 
    // or: 
    // Simulate.click(findRenderedDOMComponentWithClass(inst, 'increment')) 

    // Finally, verify the snapshot 
    expect(component.toJSON()).toMatchSnapshot(); 
}); 

はこのようなものが存在しますか？

Answer 1

問題はfindが配列を返すので、あなたが最初の要素またはclosest取得するfirstを使用する必要があることである：あなたが最初の要素はchildAt(index)