为什么在React单元测试中的模拟事件中使用sinon.spy模拟函数和React Component的asen.shallow渲染时，这是未定义的？

Question

每当我尝试模拟在那里我传递一个事件， event对象，我得到的是this是undefined 。

const onBlur = sinon.spy(Input.prototype.handleBlur);
const wrapper = shallow(<Input handleBlur={onBlur} />);
//...
wrapper.find('input').simulate('blur', { target: {value: ''} });

在handleBlur方法内部， this是未定义的。 但是，如果我决定不模拟event对象，则事件未定义。

另外，我尝试使用mount代替： const wrapper = shallow(<Input handleBlur={onBlur} />); 但是，这是同一回事。 但是，直到更新npm库，我什至无法理解这一点。

Answer 1

尝试使用

const onBlur = sinon.spy(Input.prototype, "handleBlur");

代替

const onBlur = sinon.spy(Input.prototype.handleBlur);