@sfitzpatrick/enzyme-context-helpers

Helper functions to deal with missing context issues using Enzyme from 3rd party libs like Styled Components, React Router, ...

Usage no npm install needed!

<script type="module">
  import sfitzpatrickEnzymeContextHelpers from 'https://cdn.skypack.dev/@sfitzpatrick/enzyme-context-helpers';
</script>

README

enzyme-context-helpers

Greenkeeper badge

💻 Installation

First include the dependency in your project as dev-dependency.

npm

$ npm i @sfitzpatrick/enzyme-context-helpers -D

Yarn

$ yarn add @sfitzpatrick/enzyme-context-helpers -D

📦 Usage

Styled Components

First you need to init once to pass your Styled Components theme.

import { init } from '@sfitzpatrick/enzyme-context-helpers';
// Change path to where your Theme is saved
import theme from '../src/theme/theme';

init({ theme });

Then when you want test your styled components, which are dependent on theme context, you can use the following helpers to test with shallow and mount. These functions will automatically inject the Theme into your components.

import {
  mountWithTheme,
  shallowWithTheme,
  renderWithTheme
} from '@sfitzpatrick/enzyme-context-helpers';

const mountedWrapper = mountWithTheme(component);
const shallowWrapper = shallowWithTheme(component);
const snapshotWrapper = renderWithTheme(component).toJSON();

👊 Author

📃 License

This project is licensed under the MIT License - see the Licence.md file for details.

📜 Change log

The change log can found on the CHANGELOG page.

✍️ Contributions

Feel free to contribute and submit pull requests.test