問題タブ [enzyme]

ここにある例を変更しています：

https://github.com/airbnb/enzyme/blob/master/docs/api/ReactWrapper/setProps.md

テストの結果から、prop の変更時に className 属性が正しく更新されたことがわかります。しかし、入力の値は間違って 'foo' に設定されたままです。

入力の値属性に新しい小道具を受け取るコンポーネントで値が正しく変更されたことをどのように主張できるかについてのアイデアはありますか?

describeWithDOM()Enzymeとを使用して React Components の動作をテストしようとしていmount()ます。しかし、コンポーネントが jQuery をインポートすると、次のエラーが発生します。

エラー: jQuery にはドキュメントを含むウィンドウが必要です

Enzyme が内部で jsdom を使用していることは知っており、jsdom がウィンドウとドキュメントを管理しているといつも思っていました。しかし、これらを一緒に機能させる方法を見つけることができないようです。

テスト コードは次のようになります。

ボタンの onClick メソッドでは、jquery 関数が呼び出されます。$('#inputSelector').focus()

テストで Enzyme と jsdom に jquery を使用させるにはどうすればよいですか?

モカと酵素を使用して単体テストを更新しようとしています。私がテストしているコードは、JSX と React を使用した ES6 です。

テスト スクリプトの JSX で mocha をエラーにできませんでした。

テスト スクリプト:

});

gulpfile.js:

出力は次のとおりです。

browserify を介してソース コードを実行し、それをテスト ディレクトリに配置して、mocha/enzyme 自体ではないことを証明することで、テストを正常に実行できました。私の問題は、一口の魔法を正しくしようとすることです。

次のReactコンポーネントがあるとします。

そして、 TapeとEnzymeを使用して、レンダリング時にマテリアル UI AppBarがユーザーに表示されることを確認するテストを設定したいと思います。NavBar

どうすれば適切に行うことができますか？

次のコンポーネントがあります。

Appそして、コンポーネントに 1 つのコンポーネントが含まれているかどうかを確認するテストをセットアップしたいと考えていHelloます。Tapeと を使用して、次のことを試しましたEnzyme。

しかし、結果は、結果が に等しいと予想していたときに、結果のlengthプロパティがに等しいというものでした。では、どうすれば自分のコンポーネントを見つけることができますか?find01Hello

酵素と jest を使用して、反応ネイティブ コンポーネントの基本的なテストを作成しようとしています。酵素が正しくインポートされていないことを示すエラーが表示されます。

私は初心者なので、酵素パッケージを再インストールし、やみくもにコードをいじってみました。酵素作業からの浅いものを使用しない基本的なテスト、つまり、expect(true).toBe(true)。私は JS の referenceErrors を扱うかなりの数の質問を調べましたが、このシナリオに当てはまるものはありません (経験の浅い私の目には)。

ここにテストファイルがあります。エラーが発生している可能性のある場所を制限する、かなり裸です。

私が知る限り、私のpackage.jsonには正しい依存関係があります。成功せずに酵素を再インストールしようとしました. ここにあります：

このコンテキストでこの ReferenceError をスローする可能性がある/スローする可能性があるのは何ですか? mocha/chai を試してみたら、すぐにコメントするかもしれませんが、この時点では冗談を言い続けたいと思います。

モカと酵素を使用して、反応コンポーネントをテストしています。反応コンポーネントのグローバル スコープ (localStorage) に問題があります。

Foo.js

以下は、Foo コンポーネントの単体テストのコードです。

テストを実行すると、以下のエラーが発生します。

ReferenceError: localStorage が定義されていません

このエラーは、localStorage のようなグローバル オブジェクトがコンポーネントの render メソッドに存在する場合に発生するようです。

解決策はありますか??