Jest Test обратный звонок - PullRequest
0 голосов
/ 21 марта 2020

Я хочу проверить обратный вызов, когда обратный вызов от дочернего компонента возвращает родительский компонент. В родительском компоненте 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);});

Но появляется следующая ошибка

error

Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...