Testing react-intl components with enzyme

Question

I have looked into react-intl for suggestions but it doesn't leave any explicit documentation for enzyme.

This is how I have been trying to write my tests.

import {IntlProvider} from 'react-intl';

const intlProvider = new IntlProvider({locale: 'en'}, {});
const intl = intlProvider.getChildContext();
const customMessage = shallow(<CustomMessage />, { options: { context: intl } });

But I keep getting the error

Invariant Violation: [React Intl] Could not find required intl object. needs to exist in the component ancestry.

I looked into their repo and they seems to have made it work with 'react-addons-test-utils'.

Am I doing something wrong?

Answer 1

I've posted an answer to a similar question:

Injecting react-intl object into mounted Enzyme components for testing

You would be able to import { shallowWithIntl } from 'intl-helper' and then use shallowWithIntl() instead of Enzyme's shallow().