問題タブ [react-test-renderer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
220 参照

javascript - react-native-vector-icons + mocha: 不変違反

これは私のコンポーネントです。エミュレーター/電話で問題なく動作します。

しかし、このファイルで単体テストを実行すると (mocha --recursive test/**/*.js):

それはスローします:

不変違反: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、オブジェクトを取得しました。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

のレンダリング方法を確認してくださいMyComponent

<View>の代わりにa を使用すると機能<Icon>しますが、嘲笑する必要があります。どうすればこれを修正できますか?

0 投票する
2 に答える
840 参照

react-native - react-test-rendererとjestを使用して、接続されたコンポーネントであるネストされたコンポーネントを含む反応コンポーネントをテストする方法は?

実際、私はreact-nativeでテストケースを書くためにreact-test-renderとjestを使用していますか? テストする必要があるコンポーネントがあり、そのコンポーネントには、接続されたコンポーネントであるネストされたコンポーネントが含まれています。以下は、コンポーネントをテストするために書いたコードです。

しかし、次のようなエラーが表示されます:

不変違反: 「Connect(SocialServiceProfileImage)」のコンテキストまたは小道具で「ストア」が見つかりませんでした。ルート コンポーネントを でラップするか、明示的に「store」を prop として「Connect(SocialServiceProfileImage)」に渡します。

浅いレンダリングに「react-test-renderer/shallow」を使用できることはわかっていますが、Enzyme のように DOM からノードを見つけることはできません。誰でもこれで私を助けることができますか?. 私は酵素を持っておらず、react-redux-mock-store にも使用したくありません。