Я хочу проверить обратный вызов, когда обратный вызов от дочернего компонента возвращает родительский компонент. В родительском компоненте SearchResult2 объявляется следующим образом для вызова дочернего компонента ResultTable:
SearchResult2. js
return (
<ResultTable
handlerClick={result => this.callbackHandlerFunction(result)}
searchResultData={listAddRessSearch}
saveFilterSearchResultByRightTable={
this.props.saveFilterSearchResultByRightTable
}
/>
)
SearchResult2 содержит дочерний ResultTable. Я просто хочу проверить его, чтобы проверить обратный вызов handlerClick = {result => this.callbackHandlerFunction (result)}
Поэтому я проконсультировался по stackoverflow и попытался написать код UT Ссылка: Как проверить обратный вызов в дочернем компоненте, который был передан из родительского компонента?
Здесь я использую Jest to UT test. Код UT для проверки вышеуказанного обратного вызова
SearchResult2.test. js
it('should invoke the callbackHandlerFunction callback', () => {
store.dispatch = jest.fn();
let wrapper = shallow(<SearchResult2 store={store} {...props} />);
let mockFn = jest.fn();
wrapper
.dive()
.dive()
.instance().callbackHandlerFunction = mockFn;
wrapper
.find('ResultTable')
.props()
.handlerClick();
expect(mockFn).toHaveBeenCalledTimes(1);});
Но появляется следующая ошибка
Спасибо.