- Cypress 教程
- Cypress - 首頁
- Cypress - 簡介
- Cypress - 架構和環境設定
- Cypress - 測試執行器
- Cypress - 建立第一個測試
- Cypress - 支援的瀏覽器
- Cypress - 基本命令
- Cypress - 變數
- Cypress - 別名
- Cypress - 定位器
- Cypress - 斷言
- Cypress - 文字驗證
- Cypress - 非同步行為
- Cypress - 使用XHR
- Cypress - jQuery
- Cypress - 複選框
- Cypress - 標籤頁
- Cypress - 下拉選單
- Cypress - 警報
- Cypress - 子視窗
- Cypress - 隱藏元素
- Cypress - 框架
- Cypress - 網頁表格
- Cypress - 滑鼠操作
- Cypress - Cookie
- Cypress - GET和POST請求
- Cypress - 檔案上傳
- Cypress - 資料驅動測試
- Cypress - 提示彈出視窗
- Cypress - 儀表盤
- Cypress - 截圖和影片
- Cypress - 除錯
- Cypress - 自定義命令
- Cypress - Fixtures
- Cypress - 環境變數
- Cypress - Hooks
- Cypress - JSON檔案配置
- Cypress - 報告
- Cypress - 外掛
- Cypress - GitHub
- Cypress 有用資源
- Cypress - 快速指南
- Cypress - 有用資源
- Cypress - 討論
Cypress - 使用XHR
XHR是XML HTTP Request的縮寫。它是一個應用程式程式設計介面(API),作為物件提供,其方法可在Web瀏覽器和伺服器之間傳送資料。XHR中的物件可以請求伺服器以響應形式提供資料。
Cypress不僅可以用於前端自動化,還可以透過直接訪問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')
})
廣告