cypress - 赛普拉斯在提交表单时取消 api 请求

Question

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

标签： cypress

Answer 1

通过阻止此处建议的表单提交的默认行为来解决此问题

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

然后在测试中：

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