問題タブ [reactjs-testutils]

React 12.2 から React 13.3 にアップグレードすると、テスト スイートで次のエラーが発生します。

エラー: 不変違反: unmountComponentAtNode(...): ターゲット コンテナーは DOM 要素ではありません。

このブログ投稿を使用して、Jasmine を使用してコードをテストしています。エラーは次のコードで発生します。

私はそれgetDOMNode()が非推奨であることを知っていますが、それがエラーの原因ではありません。

を検査するinstance.getDOMNode()と、指定されたインスタンスが返されますが、エラーが発生した場合、instance.getDOMNode().parentは未定義です。React.unmountComponentAtNodeこの未定義の変数を呼び出すと、エラーが発生します。

このような回答は、ある種の競合状態が発生していることを示唆していますが、それが私のテスト スイートにどのように適用されるかはわかりません。助けてくれてありがとう！

私は誰かからプロジェクトを引き継いでおり、それは React で構築されています。ボタンのクリックがシミュレートされた後に関数が呼び出されないため、テストの 1 つが失敗しています。ブラウザでアプリを使用すると、関数が呼び出されるので、何が起こっているのかわかりません。私は React を始めたばかりで、これまでテストを書いたことがないので、見落としている非常に明白なものがあるかもしれません。

これは、関連する場合の handleSave 関数です。

コンソールに表示されるエラーは次のとおりです。

何か案は？どこから始めればよいのかよくわかりません...コンソールにいくつかのものを記録しましたが、問題ないようです（つまり、ボタンなどがあります）。

TestUtilsを使用して React コンポーネントの簡単なテストを書いていますが、TestUtils.FindRenderedDOMComponentWithClassとメソッドの両方TestUtils.FindRenderedDOMComponentWithTagがかなり制限的であることがわかりました。典型的な CSS セレクター (つまり ) を使用してコンポーネントを見つけたいのtag.class [attr]ですが、これはオプションではないようです。

特定の属性を持つ要素を見つける簡単な方法はありますか? そうでない場合、コンポーネントを見つけるための便利なツールはありますTestUtilsか?

ドキュメントを読んでいreactjsますが、完全に理解するのに苦労しています。ステップバイステップの例がもっとあればいいのにと思います。

コンポーネントとその子コンポーネントをテストできるようにしたいのですが、コンポーネントのモックまたはインスタンスを作成してテストする方法がわかりません。

コード：

エラーが発生しましたが、その意味がわかりません:

ジャスミン、カルマ、および React TestUtils を使用して、ReactJS mixin のドラッグ アンド ドロップ機能をテストしようとしています。

例外はスローされませんが、デバッグ時に、イベントのシミュレート時にイベント リスナーにバインドされた関数が実行されていないように見えます。

ここで複製できます: https://github.com/itsh01/react-dragdrop/tree/testing-simutale-events

事前にどうもありがとうございました。

これが私のテストです：

ミックスインは次のとおりです。

再度、感謝します。

findRenderedComponentWithTypeコンポーネントを使用しfindRenderedComponentWithTypeて見つけるために、いくつかの単体テストを実行しようとしています。しかし、私は少し問題を抱えています。

レンダリングされた浅いコンポーネントが<Layout />あり、その中に<UserMenu />.

テストファイル内で、これを試しました：

ただし、scryRenderedComponentsWithTypeタイプfindRenderedComponentWithTypeのコンポーネントは何も見つかりませんUserMenu。

exportsまた、コンポーネントで別のファイルを作成しようとしましたUserMenuが、同じ出力または 0 が見つかりました (配列の長さ 0) またはコンポーネントが見つからない場合のエラー ( Error: Did not find exactly one match for componentType:function UserMenu()) を取得します。