我在开玩笑中使用 toHaveBeenCalled() 时遇到错误？

Question

我在使用 toHaveBeenCalled 时遇到错误，请纠正我哪里出错了

代码：

jsx

 <item
  onClick={ load ? undefined : onClick}
>

测试

test('render', () => {
const MockItems = jest.fn()
const prop = {
  onClick: MockItems,
}
const onclickProp=  output.find(item).props().onClick
onclickProp(undefined)

expect(props.onClick).toHaveBeenCalled()//error

}

错误

 expect(props.onClick).toHaveBeenCalled()

 Warning: An update to null inside a test was not wrapped in act(...).

When testing, code that causes React state updates should be wrapped into act(...):

act(() => {
  /* fire events that update state */
});
/* assert on the output */

Answer 1

如果该项目作为子组件位于任何其他组件内，则需要在包装器组件上进行潜水（）。浅渲染使您只能访问外部/父组件布局。

describe('item parent Component', () => {
  let wrapper,instance
  
  beforeEach(() => {
    mockProps = {
      handleClick: jest.fn()
    }
    const component = (<parent {...mockProps} />)
    wrapper = shallow(component).dive()
  })
  
  it('item is clicked', () => {
    wrapper.find(item).simulate('click')
    expect(handleClick).toHaveBeenCalled()
  })
)}

<item onClick={ load ? undefined : onClick} >