如何測試debounceTime在角4格式

Question

我有一個表單上的字段是一個搜索過濾器。當用戶在該搜索字段中輸入值時，將獲取新結果並且視圖爲過濾器。下面是形式

<form [formGroup]="form" > 
<span>Enter State:</span><input id="txtState" formControlName="stateControl" type="text" /> 
<div>// data<div> 
</form> 

組件代碼

const stateCtrl=this.form.get("stateControl"); 
stateCtrl.valueChanges.debounceTime(2000).subscribe((data)=>//serviceCall) 

test.ts

let state=component.form.controls["stateControl"]; 
     state.setValue("Texas"); 

     fixture.detectChanges(); 
      fixture.whenStable() 
      .then(()=> 
      { 
       fixture.detectChanges(); 
       expect(component.customers.length).toBe(5) 
      }) 

的問題是，這個測試總是成功的。不管.toBe（）中的值是什麼。代碼不等待反彈。如何編寫角度4中的去抖動測試

Answer 1

您可以使用tick函數來模擬時間流逝。

Tick function Angular.io docs

放置在您的斷言之前，使時間等於您的防反跳計時器。