如何解决如何使用作为道具传入的模拟回调测试toHaveBeenCalled?
说我有一个接受回调onFinish
的组件,该回调将作为提供程序中的prop传入。按下组件中的按钮后,将调用此回调。
app.ts
...
<MyComponent.Provider>
<MyComponent onFinish=callback />
</MyComponent.Provider>
...
app.test.ts
...
it('invokes callback after button press',() => {
const MyComponentWrapper = () => (
<MyComponent.Provider> //Passes context to MyComponent
<MyComponent onFinish=mockCallback /> //mockCallback = jest.fn()
</MyComponent.Provider>
)
const wrapper = mount(<MyComponentWrapper />)
wrapper.find(Button).props().onClick() //Calls a function that calls mockCallback within it
expect(mockCallback).toHaveBeenCalled() //Errors and says it was never called even though I added a console.log in the mock function and it printed...
})
...
由于调用了回调,因此不完全确定我要去哪里,因为我向模拟程序添加了console.log,并且打印得很好。任何帮助将不胜感激! :)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。