如何從父級訪問子級組件的元素以測試Angular 2？

Question

我正在嘗試從父組件中獲取子組件的元素，以在Karma-Jasmine中進行測試。 我有一個帶有聯系表單的組件（父），該組件又具有一個用戶名和密碼component（child），用於驗證表單和顯示錯誤消息。 現在，我需要從父組件測試子組件的警報消息。 我嘗試了以下

   let parent = fixture.debugElement.query(By.css('input-component'));
   let child = parent.query(By.css('alert'));

但是我沒有得到任何結果。 它只是返回父HTML。 我在這里找到了用於端到端測試的解決方案，但不適用於單元測試。

我該如何完成任務。 這是解釋我的情況的傻瓜 。

Answer 1

我找到了解決問題的方法。 似乎在測試時未啟用屬性“臟”和“接觸”。 因此，我通過添加以下代碼在重置或修改表單值之后手動啟用了它們...

component.parentForm.controls['childUser'].markAsDirty();
component.parentForm.controls['childUser'].markAsTouched();

我不知道這是否是使它正常工作的正確方法。 但是我找不到其他解決方案。 謝謝。 希望這對某人有幫助。