cypress 在提交表单时取消 API 请求

Question

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

Answer 1

通过阻止表单提交的默认行为（如此处建议的那样）来修复此问题

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

然后在测试中：

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