测试函数是否称为反应和酶

测试函数是否称为反应和酶

有两种选择，要么

_handleCloneClick

在呈现组件之前就监视组件的原型，要么：

export default class cloneButton extends Component {  constructor(...args) {    super(...args);    this. _handleCloneClick = this. _handleCloneClick.bind(this);  }  _handleCloneClick() {    event.preventDefault();    event.stopPropagation();    this.props.handleClone(this.props.user.id);  }  render() {    return (<button onClick={this. _handleCloneClick}>Clone</button>);  }}

在您的测试中：

it('clone should call handleCloneClick when clicked', () => {  sinon.spy(cloneButton.prototype, '_handleCloneClick');  const wrapper = mount(<cloneButton/>);  wrapper.find('#clone-btn').simulate('click');  expect(spy).toHaveBeenCalled() //adept assertion to the tool you use});

或者，您可以尝试在渲染组件后设置间谍并

wrapper.update()

随后调用：

it('clone should call handleCloneClick when clicked', () => {        const wrapper = mount(<cloneButton/>);  sinon.spy(wrapper.instance(), "_handleCloneClick");  wrapper.update();  wrapper.find('#clone-btn').simulate('click');  expect(spy).toHaveBeenCalled() //adept assertion to the tool you use});