vue.js - 如何测试 cypress 测试期间发送的请求中的数据？

Question

我有一个使用 mongodb 和 flask 作为后端的 Vue 应用程序。我正在尝试按如下方式测试代码。

如上图所示，有一个表格。当我输入 URL、令牌、密码、ssh 和项目名称并单击“创建”按钮时，我将它们添加到对象并在请求中将它们发送到数据库。

我想在 Cypress.js 中写入这些值（这部分已经完成），然后单击创建按钮。单击创建按钮后，我想测试作为请求发送的数据。如何在柏树的请求中到达正文？

标签： vue.jscypress

Answer 1

您可以使用cy.intercept()来查看出站请求。在此处请求对象文档。

cy.intercept('/some/url', (req) => {
    // whatever you need to do with the request object
    // for example, validating the request body has a name field
    expect(req.body.name).to.equal('My Body Object Name');

    // req.continue() tells the request to continue!
    req.continue()
});