Cypress - 使用 XHR

XHR 是 XML HTTP 请求。它是一个应用程序编程接口 (API),可用作对象,其方法在 Web 浏览器和服务器之间发送数据。XHR 中的对象可以以响应的形式从服务器请求数据。

Cypress 不仅可用于前端自动化,还可以通过直接访问 XHR 对象来控制网络流量。然后,它将断言应用于对象。它可以模拟或存根响应。在浏览器的 Network 选项卡中可以看到 XHR 详细信息。

XHR 响应标头如下 −

XHR Response Header

响应如下 −

Response

要发出 XHR 请求,请使用 cy.request() 命令。方法 cy.intercept() 用于将响应重定向到匹配的请求。

XHR 请求的实现

下面给出的命令解释了 Cypress 中 XHR 请求的实现 −

cy.request('https://jsonplaceholder.cypress.io/comments').as('c')
//别名请求
cy.get('@c').should((response) => {
   expect(response.body).to.have.length(100)
   expect(response).to.have.property('headers')
})