Testen von react-intl Komponenten mit Enzym

Question

Ich habe in react-intl nach Vorschlägen gesucht, aber es gibt keine explizite Dokumentation für enzyme.

So habe ich versucht, meine Tests zu schreiben.

import {IntlProvider} from 'react-intl'; 

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

Aber ich halte den Fehler immer

unveränderliche Verletzung: [Reagieren Intl] kann nicht intl Objekt erforderlich finden. muss im Komponentenstamm vorhanden sein.

Ich schaute in ihre Repo und sie scheinen made it work mit 'react-addons-test-utils' zu haben.

Mache ich etwas falsch?

Answer 1

Ich habe eine Antwort auf eine ähnliche Frage gestellt:

Injecting react-intl object into mounted Enzyme components for testing

Sie zu import { shallowWithIntl } from 'intl-helper' Lage sein würden, und dann shallowWithIntl() statt Enzyme shallow() verwenden.

Answer 2

Ich habe es durch stattdessen

const customMessage = shallow(<CustomMessage />, { context: intl }); 

mit arbeiten.