非同期入力の子コンポーネントを持つAngular 2コンポーネントのテスト

Question

私は、Observableを実装した複合コンポーネントのテストを作成しようとしていますが、これは私が書いている最初のAngular2テストの1つです。

ListContainerComponentという名前のコンポーネントがあり、Observable list$の子インスタンスがListItemComponentのものが使用されています。

ListContainerComponentのテンプレートは次のとおりです。

<list-item 
    *ngFor="let listItem of (list$ | async)" [item]="listItem"></list-item> 

は、ブラウザで素晴らしい作品。しかし、[item]はListItemComponentという既知のプロパティではないと言われています。正確には真ではありません。@Input() itemが含まれています。

申し訳ありませんが、私はプランクカーを提供していませんが、プランナーでテストを作成する方法はまだわかりません。私が間違っていると思うのは間違いありません。おそらく私の間違ったアプローチを示していて、知っている人たちが気づくのは簡単です。

Answer 1

実際のアプリケーションと同じようにListItemComponentをdeclarationsに追加する必要があります。 TestBedは、テスト環境だけのために、モジュールをゼロから構成することです。だから、実際のアプリケーションでコンポーネントが動作するために必要なものは何でも、テスト構成にそのコンポーネント（またはそのモック）を追加する必要があります。

declarations: [ 
    ListContainerComponent, 
    ListItemComponent 
],