Angular11 测试：ReferenceError：未定义 ResizeObserver

Question

我在我的组件中使用ResizeObserver并且它工作正常。 但是在运行 ut 时会出现这样的错误：

    ReferenceError: ResizeObserver is not defined

      133 |             });
      134 |         
    > 135 |         this.resizeObserver = new ResizeObserver((entries) => {
          |                                   ^
      136 |             const entry = entries.find((e) => e.target === this.wrapper._elementRef.nativeElement);
      137 |             if (entry && entry.contentRect) {
      138 |                 if (this.select && this.select.isOpen) {

我使用 TestBed 创建组件：

fixture = TestBed.createComponent(MyComponent);

我不明白为什么会出现这个错误，我只是新了一个 object。

ts版本

"rxjs": "~6.5.5",
"tslib": "^2.0.0",
"zone.js": "~0.10.3"

谢谢你的帮助！

Answer 1

我通过以下方式解决了它：

// import section ...

window.ResizeObserver =
    window.ResizeObserver ||
    jest.fn().mockImplementation(() => ({
        disconnect: jest.fn(),
        observe: jest.fn(),
        unobserve: jest.fn(),
    }));

describe('', () => {
  // test ...
});