問題タブ [reactjs-testutils]

浅いレンダリングを使用しようとして、反応テストを始めたばかりです。

ここで何が起こっているのかわかりません - 私のコードは例で見たすべての指示に従っていると思います (例: http://racingtadpole.com/blog/test-react-with-jest/ )

しかし、私はnullになっていますshallowRenderer.getRenderOutput();

さらに、shallowRenderer をログアウトすると、getRenderOutput メソッドが表示されないので混乱しますか??

そして結果の出力：

これにひっかかった..

コンポーネントが正常にレンダリングされることをテストしようとしています。テストは次のようになります。

そしてコンポーネント：

テストを実行すると、次の出力が生成されます。

React を要求するテストの前にスクリプトを実行していunmockedModulePathPatternsますpackage.json。下記参照：

コンポーネントは、実際のアプリで適切にレンダリングされます。

node debug を使用して、テストが running まで進むことを確認しましたがrender、componentDidMountそれ以上ではありませんが、それ以上の情報や何を試すかについてのアイデアはありません!

React を使用して作成された High Chart コンポーネントを使用しています。そのためのテストを作成する必要があり、インフラストラクチャは Jasmine/Karma/React TestUtils です。

私は次のコードを書きました：

私は一貫してError#13 http://www.highcharts.com/errors/13を取得しています(「EmailActivityBreakdown」オブジェクト内でチャートコンポーネントをインスタンス化するとき)。

通常、コンポーネントは正常に動作します (つまり、非テスト ケース モード)。ReactTest フレームワーク内で「renderTo」を使用してチャート要素を作成するにはどうすればよいですか?

ありがとう。

反応ブートストラップ Web サイトからこの単純なコードを取得しました...

そして、ここに私のテストがあります...簡単に、起動ボタンをクリックし、モーダルが開いていることを確認してから、キャンセルボタンをクリックして、モーダルが開かれていないことを確認します。

キャンセルボタンを見つける方法を教えてください。私はあらゆる種類のことを試しましたが、何もうまくいかなかったようです。

親の小道具から派生したコンテキストを受け取る getChildContext() メソッドと子を持つコンポーネントがあります。

彼らがそれを受け取ったことをどのようにテストしますか?

コンポーネントのコードは次のとおりです...いくつかのタブコンポーネント。

テストしようとしている onClick メソッドが呼び出されるステートレスな反応コンポーネントがあります。

私がやっている方法は、本番環境で呼び出されるメソッドを指すデフォルト値でプロップを設定することです。これにより、sinon.stub() を介してテストでクリック イベントをテストできます。

だから、これはすべて順調です。スタブが呼び出されています。.returns(console.log("called"));これは、スタブに追加してコンソールに表示されるのでわかります。

しかし、 になるとexpect(onClickStub).to.have.been.called、私のテストは呼び出されていないと言って失敗します。

私のコードにはステートレス コンポーネントが含まれているため、テストのために簡単な TestWrapper クラスでラップしています。コンテキストがどのように機能しているかはわかりませんが、テストに完全に必要だとは思いません。

ここにすべてがあります：

私は非常に簡単なテストをしました

TestUtils を必要としない限り、テストは問題なく動作します。node_module 参照を追加した瞬間、以下のエラーが表示され始めます

多くの人がjestを使用していると確信しており、何かばかげたことを見逃しています..この問題を解決するためのアイデアを評価してください。

テストでコンポーネントを次のようにレンダリングします。

これはSlidingContainerの render メソッドからのものです

ご覧のとおり、$bodyElementは子を含む DOM 要素です。幅が設定されており、空白: nowrap、オーバーフロー: 非表示

これがupdateScrollState「SlidingContainer」のメソッドです

このコードは、ブラウザーでテストすると機能しますが、カルマ/ジャスミン単体テストを実行するbodyElement.scrollWidthと、bodyElement.offsetWidth両方とも 0 になります。検索したところ、これは要素がメモリ内でのみレンダリングされ、実際の DOM なしでレンダリングされるという問題のようです。renderIntoDocument要素をdomにレンダリングすることになっていますが。