OnChange is called with an undefined value

I am testing my component with jest and enzyme but when try to change the value in this component the onChange event is called with the undefined method. But when run the app using the npm start the component works very well.

This is my code:

const onChange = sinon.spy()
const wrapper = mount(<InputField dispatch={dispatch} onChange={onChange} label="Phone" name="phonenumber"/>)

  describe('with valid form data', () => {
    it('dispatches an action', () => {
      dispatch.resetHistory()
      wrapper
        .find('input[name="telephone"]')
        .simulate('change', { target: { name: 'telephone', value: '5555555555' } })  //Undefined Value
      expect(onChange.calledOnce).toEqual(true)
     ........

InputField:

const InputField = props => {
  return (
    <div>
      <label className="input-label">{props.label}</label>
      <PhoneInput
        country="US"
        onChange={props.onChange}
        name={props.name}
      />
    </div>
  )
}

[eugenio-caicedo]

@catamphetamine Ok, I understand. I was reviewing the code and the problem is with the simulated event. It should be this way:

.simulate ('change', '[phone]')

Thanks for the support.

[catamphetamine]

@eugenio-caicedo Ok. I had similar thoughts, but then saw that you have country="US" set up. Don’t know why didn’t it like the pre-defined country from <Phone country="US"/>. I guess pre-setting country property doesn’t work in Enzyme. But ok, for application testing just international numbers will be enough.