Skip to content

Instantly share code, notes, and snippets.

@rotimi-best
Forked from danmakenoise/test.js
Created August 28, 2019 16:39
Show Gist options
  • Save rotimi-best/03ef4985bc2bc4c5dd384724f27cfca6 to your computer and use it in GitHub Desktop.
Save rotimi-best/03ef4985bc2bc4c5dd384724f27cfca6 to your computer and use it in GitHub Desktop.
Unit Testing Children of React Context API Consumers with Enzyme
// 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');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment