enzyme VS mock-match-media

No Yes Found an issue on github here: https://github.com/airbnb/enzyme/issues/389But solutions from that issue isn't working too.How do you change select's value in tests?

I've been using Jest and Enzyme to write tests for my React components build with the awesome Styled Components library.

$(obj).val('abc');$(obj).attr('value', 'abc');$(obj).keydown();$(obj).keypress();$(obj).keyup();$(obj).blur();$(obj).change();$(obj).focus(); I've also tried to simulate keyPress (as suggested here) events but it doesn't seem to work either.

I have a React Component that implements the shouldComponentUpdate method and I'd like to unit test it. Ideally I could change some prop or state on the component in a unit test and verify it either re-rendered or not. I am using enzyme if that helps.

From the Enzyme docs shallow, render, and mount are described, but when to use which method?

const input = wrapper.find('#my-input');input.simulate('change', { target: { value: 'abc' } });const val = input.node.value;//val is '' All the solutions here appear not to work..

I'm writing a test using Enzyme for React.

The library by itself doesn’t provide any mocks for window.matchMedia for SSR. But if you use one, like mock-match-media, @blocz/react-responsive will listen to it.