自動化測試架構[Cypress 自定義Mock Server]

以前端向後端發送Ajax/XHR請求為例，Cypress允許你的測試直接通路XHR對象，進而能在整個軟體生命周期裡輕松測試Ajax/XHR請求并對它的屬性進行斷言，此外Cypress還允許對請求傳回結果進行Stub和Mock

以json-server為例，搭建一套REST API格式的Mock Server，首先執行<code>npm install -g json-server</code>進行安裝，然後執行<code>mkdir mockServerSample</code>建立一個新的項目，

在新項目的根目錄下建立一個json檔案并命名為db.json，将如下内容寫入

将指令行引導到建立的項目根目錄下，<code>cd mockServerSample</code>,然後執行指令<code>json-server --watch db.json</code>啟動JSON Server

服務啟動後，用浏覽器便可以檢視資源，例如<code>http://localhost:3000/user</code>和<code>http://localhost:3000/books</code>和<code>http://localhost:3000</code>,到此一個簡單的Mock Server建完了

首先，在mockServerSample目錄下安裝Cypress，然後配置cypress.json，寫入如下内容

配置package.json，寫入如下内容

在integration路徑下，建立測試用例，例如如下典型例子

在Cypress以互動模式運作測試檔案，可在指令日志中檢視到詳細的請求及傳回結果