酵素を介してクラスのメソッドを呼び出すときにコンポーネントの状態を更新します

Question

updateItemを呼び出した後、コンポーネントの新しい状態を反映するためにテストを取得するにはどうすればよいですか？私はrendered.update（）を試みましたが、何かがうまくいくかどうか不足しているはずです。ありがとう。クラスの

方法：

updateItem (id) { 
    return updateItem(id) 
    .then((result) => { 
     this.setState({ 
      item: {blah:'blah'} 
     }); 
    }, (error) => { 
     throw error; 
    }); 
} 

テスト：

it("should update item accordingly",() => { 
    const rendered = shallow(React.createElement(Item)); 
    const result = rendered.instance().updateItem(); 
    expect(rendered.state('item')).toEqual({blah:'blah'}); 
}) 

Answer 1

あなたがお子様の小道具から関数を取得し、それを呼び出す必要があります。 async/awaitを使用するか、テストから約束を返す必要があるという約束を返すので、より多くの情報のためにdocsを見てください。次に、レンダリングされたコンポーネントの状態をテストします。

it("should update item accordingly", async() => { 
    const rendered = shallow(React.createElement(Item)); 
    await rendered.find('someChild).prop('updateItem')('someId') 
    expect(item.state).toEqual({ 
     item: {blah:'blah'} 
    }) 
})