天天看點

關于fixture.debugElement.query(By.css)這個方法的一個疑問

最簡單的test case裡用css class也檢索不到這個continue按鈕:

關于fixture.debugElement.query(By.css)這個方法的一個疑問
關于fixture.debugElement.query(By.css)這個方法的一個疑問
列印為null:
關于fixture.debugElement.query(By.css)這個方法的一個疑問
加上兩行代碼:
關于fixture.debugElement.query(By.css)這個方法的一個疑問

component.mode.controls['deliveryModeId'].setValue(null);
    
    fixture.detectChanges();      

果然,這次就能檢索到按鈕了:

關于fixture.debugElement.query(By.css)這個方法的一個疑問

這說明上述兩行代碼一定有一行起了作用。

把第一行代碼注釋掉,隻剩fixture.detectChanges()也能檢索到:

關于fixture.debugElement.query(By.css)這個方法的一個疑問
關于fixture.debugElement.query(By.css)這個方法的一個疑問

加了spy語句還是不行:

關于fixture.debugElement.query(By.css)這個方法的一個疑問

注釋掉fixture.detectChanges()後,button為null:

關于fixture.debugElement.query(By.css)這個方法的一個疑問