将事件对象传递给酶 .simulate

IT技术 javascript reactjs jestjs enzyme
2021-04-18 03:40:41

我正在使用 Jest 和 Enzyme 来测试 React 复选框组件。

这是我的测试:

it('triggers checkbox onChange event', () => {
  const configs = {
    default: true,
    label: 'My Label',
    element: 'myElement',
  }
  const checkbox = shallow(
    <CheckBox
      configs={configs}
    />
  )
  checkbox.find('input').simulate('click')
})

但是,在运行测试时出现此错误:

TypeError: Cannot read property 'target' of undefined

这是我的组件的输入:

<div className="toggle-btn sm">
  <input 
    id={this.props.configs.element} 
    className="toggle-input round" 
    type="checkbox" 
    defaultChecked={ this.props.defaultChecked } 
    onClick={ e => this.onChange(e.target) }
  >
  </input>
</div>

我需要通过一个事件作为第二个对象simulate,但我不知道如何做到这一点。

谢谢

1个回答

simulate函数采用将传递给事件处理程序的其他参数。您可以模拟您的活动。例如:

const mockedEvent = { target: {} }
checkbox.find('input').simulate('click', mockedEvent)
对我来说,这导致 TypeError: Cannot set property target of #<Event> which has only a getter
2021-06-18 03:40:41