考虑以下反应代码:
export default class parentComponent extends Component {
someFunc() {
/* lots of logic */
this.setState({
foo: bar
});
}
render() {
return(
<div className="parent">
<ChildComponent this.onSomeEvent={this.someFunc.bind(this)}> </ChildComponent>
</div>
)
}
}
关于测试someFunc
方法的最佳方法,我有几个问题:
如何实际调用someFunc
方法对其进行测试?代码运行时,子组件中的onSomeEvent
调用该方法。使用浅层渲染,我只能访问parentComponent
。
我所看到的所有浅呈现示例都显示了如何根据传递给它的props来测试组件。我可以考虑测试parentComponent
的唯一方法是在调用方法时检查它的状态。调用someFunc
时会更新状态。可以用浅渲染来检查状态吗?我找不到任何这方面的例子。