如何在 angular 中為 setTimeout function 和 activeElement 編寫單元測試？

Question

我想為下面的function寫一個單元測試用例：

onfactorblur():void{
  var that=this;
  setTimeout(function(){
    var target=document.activeElement;
    if(target.tagName=="BUTTON"){
      if(target.textContent=="CONTINUE"){
        that.onContinueClick();
      }
      else{
        that.activeModal.close();
      }
     }
   },.5);
 }

我是 angular 單元測試的新手，從未遇到過必須在 function 中測試 setTimeout 的情況。 我努力了：

    it('Should close the modal if target element is button',fakeAsync(()=>{
    spyOn(component,'onContinueClick');
    spyOn(component.activeModal,'close');
    tick(1);
    fixture.detectChanges();
    fixture.whenStable().then(()=>{
    //What should I write here
      })
    }));

Answer 1

你可以使用fakeAsync ，你可以調用tick(500)來模擬時間的異步流逝 更多細節在這里https://angular.io/guide/testing-components-scenarios#async-test-with-fakeasync