I'm having trouble figuring out a simple task like the one below:
render() {
return (
<div className="messageDetail">
<div className="messageForm" >
Name: <input id="senderMsgName" value={this.props.nameValue} onChange={this.props.handleNameChange}/>
<br />
Body: <input id="senderMsgBody" value={this.props.bodyValue} onChange={this.props.handleBodyChange}/>
<br />
</div>
</div>
);
}
}
My goal is to test whether the onChange function is being called. How can I use sinon to mock this out, considering it is called using props? Once mocked, I will simulate it being called for testing purposes.
I started by creating this spy:
const handleBodyChangeSpy = sinon.spy();expect(handleBodyChangeSpy).to.have.not.been.called();I could really use some guidance on how to accomplish this.