React-Redux-Formネストされたコンポーネントテスト

Question

私は、アプリケーションのクライアント側でReact-Redux-FormとReact-Bootstrapを使用しています。

私のコンポーネントのテスト方法についてまわっています。私はLoginModalという名前のコンポーネントを使ってgithubの小さなプロジェクトを作った： https://github.com/DmitryIvanovIAMM/react-redux-form-login-test/blob/master/src/tests/Foo-test.js

テストを開始するには、このチュートリアルhttps://www.codementor.io/vijayst/unit-testing-react-components-jest-or-enzyme-du1087lh8に従っています。 しかし、レンダリングされたコンポーネントの.find（）ボタンを押すと、結果は長さゼロの配列になります。だから私はその動作をシミュレートすることはできません。私はそれを（ボタン）いくつかの異なる方法で見つけようとしますが、失敗しました。してください、あなたの提案。

Answer 1

この問題は、＃react-bootstrapの一部であるModalコンポーネントのレンダリングにあります。 https://github.com/react-bootstrap/react-bootstrap/issues/876についての議論があります。 代わりに、react-modalのReactModalを使用します。テストについては、http://remarkablemark.org/blog/2017/05/17/testing-react-modal/