Cypress - 使用 XHR

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

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

XHR 响应标头如下 -

XHR 响应标头

响应如下 -

回复

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

XHR请求的实现

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

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