Angular单元测试窗口。打开找不到文档

Question

在我的代码库中，我正在调用窗口。然后在调用document.write函数之后，如下所示。

 public launch() {
          const previewWindow = window.open('');
    
          previewWindow.document.write(
            `<iframe width="100%" height="100%" src="${this.src}"></iframe>`
          );
          previewWindow.document.body.setAttribute(
            'style',
            'padding: 0; margin: 0; overflow: hidden;'
          );
}

但是，当我实施单位测试文档时，给出以下错误，

TypeError: Cannot read properties of undefined (reading 'document')

我的单位测试实现如下

it('should open url', () => {
    const windowSpy = spyOn(window, 'open');
    component.launch();
    expect(windowSpy).toHaveBeenCalled();
});

Answer 1

您的间谍不会返回任何东西。当此代码运行时：

      const previewWindow = window.open(''); 
      previewWindow.document

previewwindow仍然是零的，这就是为什么您会遇到错误的原因。

在测试中执行这样的操作：

const previewWindowMock = {
  document: {
    write() { },
    body: {
      setAttribute() { }
    }
  }
} as unknown as Window;
const windowSpy = spyOn(window, 'open').and.returnValue(previewWindowMock);

这样，当方法运行时，您将不会有未定义的值。