如何編寫服務的訂閱回調的單元測試

Question

我正在學習如何在Angular中編寫單元測試。 我創建一個具有方法sendToServer的httpService。 每個組件都使用它向服務器發送請求：

sendToServer(method, url, body, header, onSuccessCallback, onErrorCallback?);

這是我的組件

export class LoginComponent implements OnInit {

  constructor(private http: HttpService) {
   }
   data ;

  ngOnInit() {
    this.getToken();
  }

  getToken(){
    this.http.sendToServer("GET", "/api/tokent",{}, null, data=>{
      this.data = data;
    });
  }

}

這是我的單元測試代碼：

it("should call getTokent and return data", fakeAsync(() => {
    const response = "abc";
    component.getToken();
    spyOn(service, 'sendToServer').and.returnValue(of(response));
    tick(); 

    fixture.detectChanges();

    expect(component.data).toEqual(response);
  }));

如何測試http.senntoServer的回調函數

Answer 1

您需要在模擬的DataService中觸發回調函數，而不是返回固定值。 顧名思義，使用returnValue可以在方法被調用且不執行其他任何操作時返回值。

在您的情況下，您要使用的是callFake然后在該偽函數中觸發觸發器。

組件規格

it('test callback', () => {
  spyOn(TestBed.get(DataService), 'sendToServer').and.callFake((parm1: string, param2: string, param3: any, param4: any, callback: (data) => {}) => {
        callback('DATA_RESULT');
  })
  fixture.detectChanges();
  expect(component.data).toEqual('DATA_RESULT');
});

這是一堆堆炸彈 。