React-Redux-Form verschachtelte Komponententests

Question

Ich verwende React-Redux-Form und React-Bootstrap auf Client-Seite der Anwendung.

Ich bin auf wie zum Testen meiner Komponenten stecken. Ich habe ein kleines Projekt auf Github mit einer meiner Komponenten namens LoginModal gemacht: https://github.com/DmitryIvanovIAMM/react-redux-form-login-test/blob/master/src/tests/Foo-test.js.

Um mit dem Testen zu beginnen, befolge ich dieses Tutorial https://www.codementor.io/vijayst/unit-testing-react-components-jest-or-enzyme-du1087lh8. Aber wenn ich versuche, .find() -Taste in meiner gerenderten Komponente, ist das Ergebnis ein Array der Länge Null. Also kann ich sein Verhalten nicht simulieren. Ich versuche es (Knopf) mehrere verschiedene Wege aber erfolglos zu finden. Bitte, dein Vorschlag.

Answer 1

Dieses Problem tritt beim Rendern der Modal-Komponente auf, die Teil von # react-bootstrap ist. Es gibt eine Diskussion darüber auf https://github.com/react-bootstrap/react-bootstrap/issues/876. Die Alternative ist die Verwendung von ReactModal aus reaktiv-modal. Das Testen ist beschrieben unter http://remarkablemark.org/blog/2017/05/17/testing-react-modal/