无法执行dispatchevent＆＃x27; on EventTarget上：参数1不是类型＆＃x27; event＆＃x27;

Question

我的测试代码从

button.dispatchEvent(new MouseEvent("click", { bubbles: true }));

但是由于某种原因，我从同一行的代码线上遇到此错误：

Failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'.

可执行演示： https： //codesandbox.io/s/busy-cache-xs3o2c

测试成功地抓住了一个按钮：＆lt; button onClick = {handleadd} testid =“ handleadd” =“ handleadd”＆gt; gt; gt; add and add＆lt＆lt＆gt;/butt＆gt＆gt; gt; gt;

测试本身：

let container;

describe("Testing Buttons", () => {
  beforeEach(() => {
    container = document.createElement("div");
    document.body.appendChild(container);
  });

  afterEach(() => {
    document.body.removeChild(container);
    container = null;
  });

  it("should increment", () => {
    act(() => {
      ReactDOM.createRoot(container).render(<App />);
    });

    let h1 = screen.getByRole("heading", { level: 1 });
    let count = Number(h1.innerHTML);
    expect(count).toBe(0);
    const button = screen.getByText("Add");
    expect(button).toBeInTheDocument();
    act(() => {
      button.dispatchEvent(new MouseEvent("click", { bubbles: true }));
    }); // why bug?s literally the same as here: https://reactjs.org/docs/test-utils.html#act
    expect(count).toBe(1);
  });
});

我已经从这篇文章，但在这种情况下不起作用。任何修复的想法都将不胜感激，谢谢。