問題タブ [react-testing]

私はlit-elementと単体テストに非常に慣れていないので、質問が正しく組み立てられているかどうかさえわかりません。どこか間違っている場合は修正してください。

そのため、uri から json をフェッチするように作成された lit コンポーネントが 1 つあります。 <abc infoJsonLink="../data/data.json"></abc>

data.json

abc の render() メソッド内で、json データをループし、各項目に対応する html マークアップを含む配列を作成します。itemsMarkupList

これらの各マークアップは、ブートストラップ カルーセルでレンダリングする必要があります。https://mdbootstrap.com/snippets/jquery/ascensus/135508

このために、別のコンポーネント を作成しました。このコンポーネントには<carousel-helper>、マークアップの配列を受け取り、ブートストラップ ライブラリを使用してカルーセルとしてレンダリングするコードが含まれています。

以下はコンポーネントのrender()メソッドです<abc>

私がそれをすると、この全体が完全にレンダリングnpm runされます。

しかし、これのテスト ケースを書いているとき、子要素のシャドウ ルートがレンダリングされていないようです。

ステートメント 1が機能し、<carousel-helper></carousel-helper>
ステートメント 2が返され、空の配列が返されます。NodeList {}

statement-2から塗りつぶされた配列を取得するために何をする必要があるか教えてもらえますか?

私は React と Javascript の開発を始めたばかりです。犬の例の反応テスト用に Chai と Enzyme をインストールし、すべてのテスト ファイルを作成しました。ファイル構造は次のとおりです。

しかし、「npm run test」を押すと、次のように 4 回のうち 1 回失敗しました。

私の AddDog.test.js ファイルは次のとおりです。

これは以下の App.js ファイルです。

また、これは次のような AddDog.js ファイルです。

このエラーを解決する方法を教えてください。このエラーを発生させずにテスト ファイルに新しい犬を追加する方法はありますか?