reactjs - 错误: Not implemented: HTMLFormElement. prototype.submit

Question

这是我的测试用例的样子:

const renderCard = ({
  onSubmit = jest.fn(),
}: RenderCardParams = {}) => {
  return render(
        <Card title={title} onSubmit={onSubmit}>
          <Button type="submit">Save</Button>
        </Card>,
  );
}; 

it("should invoke onSubmit when form is submitted", async () => {
      const onSubmit = jest.fn();
      window.HTMLFormElement.prototype.submit = () => {};
      const { getByText } = renderCard({ onSubmit });
      const button = getByText("Save").closest("button");
      if (button) {
        fireEvent.click(button);
      }
      await wait(() => expect(onSubmit).toHaveBeenCalled());
 });

我收到“错误:未实现:HTMLFormElement.prototype.submit”。我尝试了这里提到的解决方案 https://github.com/jsdom/jsdom/issues/1937，但是没有用。我不想使错误消失，但可以正确执行测试。谢谢你。

Answer 1

我有一个类似的问题，可以通过调用event.preventDefault()方法来解决。

我认为这需要在您的“onSubmit”函数中调用

const onSubmit = jest.fn(e => e.preventDefault);