dive().state() returns null when the component is initiated with shallowWithIntl

joetidee / enzyme-react-intl

A complimentary wrapper function for use with Enzyme, when testing React components that rely on react-intl

MIT License

45 stars 15 forks source link

I am using shallowwithintl to wrap my component. Then I am calling the function changeState(mockedEvent, mockedEvent2) which is used to set the state. Then I am console logging the updated state.

const component = shallowWithIntl(<ExampleComponent/>);
const mockedEvent = { currentTarget: { id: 111, value: 111} };
const mockedEvent2 = { key: 111};
component.dive().instance().changeState(mockedEvent, mockedEvent2);
console.log(component.dive().state())

Ideally component.dive().state() should return the state but it is returning null values. The output looks like this:

{  id: null,
    value: null,
    key: null 
 }

Please let me know if I am missing something here.

joetidee / enzyme-react-intl

dive().state() returns null when the component is initiated with shallowWithIntl #36