storeと通信するReact ビューがあります。ビューとストアを別々にテストしましたが、組み合わせてテストすることはできませんでした。

ここに記載されている構造に従いましたが、 TypeErrorを受け取りました。を使ってもJestがストアをコンポーネントとして登録しようとしているようdontMockです。

関連するコードと思われるものを以下に含めましたが、必要に応じて全体を提供できます。

Jestテストを見る

ありがとうございました！

Jest - React チュートリアルに従って、React コンポーネントをテストしました。

残念ながら、Jest は次のようにスローします。

再現するには：

1. git clone git@github.com:SEEK-Jobs/react-playground.git
2. cd react-playground
3. npm install
4. npm test

何か案は？

更新 1:

問題は、Jest が ES6 を認識していないことでしょうか6to5-jest。

で2つのプリプロセッサを指定する方法はありますpackage.jsonか?

「もっと読む」/「もっと読む」機能でマークアップの長いブロックを装飾する非常に単純な React.js コンポーネントがあります。

Jest が動作するいくつかのテストがありますが、DOM 要素の高さが元のコンテンツのサイズまで増加していると断言できません。

Jest テスト環境では、getDOMNode().scrollHeight を呼び出しても何も返されないようです。

コードと失敗したテストを含むリポジトリへのリンクは次のとおりです: https://github.com/mguterl/react-jest-dom-question

以下は、同じ問題を示すコードとテストの簡略版です。

簡素化されたコード

テスト

ReactJS と JSDOM でスクロール イベントをシミュレートしようとしています。

最初に私は次のことを試しました：

スクロール イベントはまったく伝播されません。次に、イベントを手動で作成しましたが、すべて正常に機能しました。

質問: TestUtils に何か問題がありますか? どうすればそれを機能させることができますか？

set State が 2 番目のレンダリングを引き起こした後、React テストが失敗する

これまでのところ、テストは JSDOM と Mocha でうまくいっています。これまでのところ、状態を変更するコンポーネントをテストする必要はありませんでした。状態を変更するコンポーネントをテストする最初の問題を見つけました。

エラー

コンポーネント : Reduced.js

テスト : 1 回合格、1 回不合格

結果

私は狂ってしまった

• すべてが global.window および global.document の後にロードされます
• Simulate イベントは、エラーの前に edit() を呼び出し、次に render() を呼び出します
• React Mocha JSDOM のすべてのテストは、この状態変更の問題が発生するまで正常に機能しています。
• 助けてください ？？？

そのため、正しいテスト可能な動作を取得するためにストアで動作する必要があるコンポーネントをテストしています。「ビュー」にはストアが機能する必要があるため、ストアをモックする必要はなく、「オブジェクト割り当て」のものをモックしない必要があることを読みました。

テストコードからの抜粋:

ビューからのいくつかのコード:

今、私のテストを実行すると、

...私の変更リスナーラインでは、物事を「嘲笑しない」ということになると、私は（私が）正しいことをしていると思います。

なぜ私がこれを手に入れたのか、まだ誰も手がかりを持っていますか?