Cypress 在提交表单时取消 api 请求

Question

您好，我有一个表单提交到图形 ql api。当我单击提交按钮时，我看到 cypress 在能够获得响应之前取消了对 api 的请求之一。知道如何防止这种情况吗？
编辑:我试过添加 cy.wait(6000);或 cy.wait('apiAlias')，点击后提交，都没有帮助。

Answer 1

通过阻止表单提交的默认行为来修复此问题 here

function preventFormSubmitDefault(selector) {
  cy.get(selector).then(form$ => {
    form$.on("submit", e => {
      e.preventDefault();
    });
  });
}

然后在测试中:

    preventFormSubmitDefault("form");
    cy.get('[data-test="submitButton"]').click();