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')
})
廣告
© . All rights reserved.