使用酶在material-ui文本字段中测试按键

时间:2019-02-07 16:15:41

标签: reactjs jestjs material-ui enzyme

我正在使用像这样的Material-ui TextField组件:

<TextField
     name='currentValue'
     id='current-value'
     value={this.state.value}
     validate={this.validate}
     onChange={this.handleValueChange}
     InputProps={{ onKeyPress: this.handleKeyPress }}
/>

,并且我想测试keypress事件,但是它不起作用,因为Material-ui TextField组件没有onKeyPress属性。它将其传递给父组件,因此该事件不会在组件上发生。我该如何测试?这是我目前的测试。

const wrapper = shallow(
    <MyTextField />
  ).first().shallow()
  wrapper.find('#current-value')
         .simulate('change', { target: { value: 'test2' }  })
  wrapper.find('#current-value')
         .simulate('keypress', { key: 'Enter' })

0 个答案:

没有答案