如何使用jest测试DOM事件

Question

这是我的组件功能

componentDidUpdate() {
    this.addPlantListener();
  }

在方法内部调用

addPlantListener = () => {
    if (this.plantListener === undefined) {
      const ddl = document.getElementById('ddlSourcePlant');
      Iif (ddl !== undefined && ddl !== null) {
        this.plantListener = ddl;
        ddl.addEventListener('mouseleave', this.closePlantDropdown);
      }
    }
  }

这里addEventListener再次从mouseleave事件中调用

closePlantDropdown = (dropdown) => {
    dropdown.fromElement.click();
  }

我用来测试这个JEST，这个函数是在反应js 我如何测试这个功能，我无法测试任何身体可以建议的addEvent Listener和鼠标离开事件请一种方法来完成这个谢谢。 ：）

我的组件只是一个下拉列表

目前我的测试方法是这样的

it('test method', () => {
        const component = mount(h(SetSource, { ...props }));
        component.instance().componentDidUpdate();
        const ddl = component.find('#ddlSourcePlant');
** what goes here to test next lines and methods **
      });