Unit Testing Children of React Context API Consumers with Enzyme

test.js

// Component.js
const Component = props => (
  <MyContext.Consumer>
    {(context) => (
      <Foo
        bar={props.bar}
        baz={context.baz}
      />
    )}
  </MyContext.Consumer>
);

// Component.test.js
const outer = shallow(<Component bar="bar" />);
const Children = outer.props().children;
const wrapper = shallow(<Children baz="baz" />);

expect(wrapper.find(Foo)).toHaveLength(1);
expect(wrapper.find(Foo)).props().bar).toBe('bar');
expect(wrapper.find(Foo)).props().baz).toBe('baz');

Thanks for posting, very helpful!

Man, I wish I could give more than one star. Thanks!

So simple, I love it. Thank you!

Solved my problem, thank you a lot!

Really nice, now I can continue using my snapshots in components with Context.Consumer!

Awesome solution! Found this after an hour of trying to figure out how to handle some tests and works great.