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

Question

我正在测试Vue应用程序。在某些情况下，我的应用程序必须提交(不仅是在单击提交按钮之后，而且是以编程方式(POST表单，并使用一些主体参数重定向到第三方服务器。就像在编写的最佳实践中一样，我试图避免使用重定向到真实服务器。

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

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

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

我真的很欣赏如何测试这样的功能的任何新想法。

Answer 1

由于Cypress 5.1，您可以使用cy.rout2((存根其他请求类型(https://docs.cypress.io/guides/references/changelog.html#5-1-0(。