Enzyme with React-Intl

enzymeUtils.tsx

import React from 'react'
import { mount, shallow } from 'enzyme';
import { IntlProvider, intlShape } from 'react-intl';
import EN from '../../locales/en-US'
import SW from '../../locales/sw-SW'

type ILang = 'en' | 'sw';

const langOptions = {
  en: {
    locale: EN.locale, // en-US
    messages: EN.messages // sw-SW
  },
  sw: {
    locale: SW.locale,
    messages: SW.messages
  }
}

function nodeWithIntlProp(node, intl) {
  return React.cloneElement(node, { intl });
}

export function shallowWithIntl(node, lang: ILang) {
  const langProvider = langOptions[lang];
  const {locale, messages} = langProvider;
  const intlProvider = new IntlProvider({ locale, messages }, {});
  const { intl } = intlProvider.getChildContext();
  return shallow(nodeWithIntlProp(node, intl), { context: { intl } });
}

export function mountWithIntl(node, lang: ILang) {
  const langProvider = langOptions[lang];
  const {locale, messages} = langProvider;
  const intlProvider = new IntlProvider({ locale, messages }, {});
  const { intl } = intlProvider.getChildContext();
  return mount(nodeWithIntlProp(node, intl), {
  context: { intl },
  childContextTypes: { intl: intlShape }
  });
}