console.logで、ユニットテストでViewChild変数が定義されていません

Question

@ViewChildアノテーションを持つコンポーネントをテストしようとしています。私がテストしようとしている関数の1つは、フォーカスのために@ViewChildの要素を呼び出します。しかし、@ViewChild変数をログアウトしようとすると、常にundefinedになります。私はcomponentFixture.detectChanges()がElementRefを開始すると思ったが、それはそうではないようだ。

それを作る方法はありますか？undefined？

Answer 1

使用するAngular2のバージョンとテストスイートの初期化方法はわかりませんが、ComponentFixtureインスタンスのdetectChangesメソッドは、このようなフィールドを設定する責任があります。ここで

はこれを示すサンプルテストです：https://plnkr.co/edit/THMBXX?p=preview：

it('should set testElt', injectAsync([TestComponentBuilder], (tcb: TestComponentBuilder) => { 
    return tcb.createAsync(MyList).then((componentFixture: ComponentFixture) => { 
     expect(componentFixture.componentInstance.testElt).toBeUndefined(); 

     componentFixture.detectChanges(); 

     expect(componentFixture.componentInstance.testElt).toBeDefined(); 
     var testElt = componentFixture.componentInstance.testElt; 
     expect(testElt.nativeElement.textContent).toEqual('Some test'); 
    }); 
})); 

は、対応するplunkrを参照してください。

Answer 2

あなたがやったので、おそらくuは未定義ことを持って、あなたのコードを示さなかったが、あなたのViewChildのような： @ViewChild(MySubComponent) 代わりに、あなたのテンプレートで

@ViewChild('componentref') 

の、その後：

<my-sub-component #componentref></my-sub-component> 

もちろんあなたのコンポーネントを初期化する必要がありますcomponentFixture.detectChanges()