Cypress - 使用XHR


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

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

XHR响应头如下:

XHR Response Header

响应如下:

Response

要发出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')
})
广告