Cypress：测试提交 POST 表单引起的非 XHR 请求

Question

我正在测试 Vue 应用程序。在某些情况下，我的应用程序必须提交（不仅仅是在单击提交按钮之后，而是以编程方式）POST 表单并使用一些正文参数重定向到 3rd 方服务器。就像在best practice 中写的一样，我试图避免使用重定向到真实服务器。

对于我的某些测试，只需确保使用某些参数发送请求就足够了，但我现在不知道如何捕获此主体请求参数以进行断言，因为 cypress 不允许存根非 XHR 请求我不能这样做：

cy.route('POST', '/posts').as('post')
cy.get("@post").should(req => {
  // check body params
});

我也想过 stub vue 组件方法来拦截表单提交，但它似乎只适用于像 Math 这样的全局对象。

我真的很感激任何关于如何测试这样的功能的新想法。

Answer 1

从赛普拉斯 5.1 开始，您可以使用 cy.route2()(https://docs.cypress.io/guides/references/changelog.html#5-1-0) 存根其他请求类型。