Cypress 简明教程

Cypress - Working with XHR

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

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

XHR 响应头的语法如下:

xhr response header

响应如下:

response

可以使用 cy.request() 命令执行 XHR 请求。cy.intercept() 方法用于将响应重定向到匹配的请求。

Implementation of XHR request

以下命令用于解释 XHR 请求在 Cypress 中的实现——

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')
})