赛普拉斯在提交表单后取消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();