带有window.location.href的Angular 7单元测试

Question

我正在尝试对我的API请求进行单元测试，以检查它是否返回预期的结果。在API请求的回调中，我必须使用window.location.href将页面重定向到外部URL。似乎测试用例试图重定向页面，无头chrome返回断开连接错误。我试图创建模拟窗口服务，但仍然无法正常工作。

 this.apiSvc.logout().subscribe((res) => {
        localStorage.clear();
        window.location.href = res.url;
    })```

App.component.spec.ts

 it('should redirect to external page on clicking of logout function', async(() => { 
    spyOn(apiSvc, 'logout').and.callFake(() => {
      return of({url: mockWindow.location.href})
    })
    component.onLogout();
    expect(uiApiSvc.logout).toHaveBeenCalled();
  }));

Error message
Chrome 78.0.3904 (Windows 10.0.0): Executed 7 of 26 DISCONNECTED (30.567 secs / 0.722 secs)

Answer 1

我认为您需要测试所有其他内容，但不设置window.location.href的实际设置-您可以相信浏览器可以正确执行此操作。我将该部分包装在函数中，并检查函数本身是否以正确的值调用：

public navigateToResponseUrl(url: string): void {
   window.location.href = url;
}

规格文件：

const navigateToResponseUrlSpy = spyOn(apiSvc, 'navigateToResponseUrl');
...
expect(navigateToResponseUrlSpy).toHaveBeenCalledWith('/your/url');