如何使用开玩笑/酶测试resizeObserver回调函数

Question

我有一个使用resizeObserver显示/隐藏某些样式的组件。

样式的切换正在函数中发生，将由resizeObserver回调触发。

component.tsx

  private toggleStyles() {
        const applyStyles = some condition here...
        this.setState({ applyStyles });
  }

  private observeResize = () => {
        this.resizeObserver = new ResizeObserver(() => this.toggleStyles());
        this.resizeObserver.observe(element to observe here..);
    }

    componentDidMount() {
        this.observeResize();
    }

    componentWillUnmount() {
        if (this.resizeObserver) {
            this.resizeObserver.disconnect();
        }
    }

我想测试resizeObserver回调，该回调会触发togglestyles函数，但是我不确定如何在元素本身上触发调整大小。