使用 Docker Compose + MSW 執行 Cypress (Vue CLI)
雖然可以在 Cypress 的 Test 對 API 加以 Mock,但也可以使用 MSW 負責 Mock,Cypress 則完全負責 Test。
失くすものさえない今が強くなるチャンスよ
雖然可以在 Cypress 的 Test 對 API 加以 Mock,但也可以使用 MSW 負責 Mock,Cypress 則完全負責 Test。
雖然可以在 Cypress 的 Test 對 API 加以 Mock,但也可以使用 MSW 負責 Mock,Cypress 則完全負責 Test。
若要在 CI 以 Cypress 測試 Vue,勢必面對 Cypress Dependency 與 Web Server 執行 Vue 問題,我們可透過 docker compose
同時執行 Cypress 與 Nginx 兩個 Container 進行測試。
Cypress 基於 Node 生態系,若使用 Express 後端或 Vue 前端,則使用 Yarn 安裝 Cypress 則易如反掌,但若不使用 JavaScript 開發,則可使用 Docker 版本的 Cypress 版本。
Cypress 雖然不是為 Vue 量身定做,但因為其與 Framework 無關,因此也能將 Cypress 整合進 Vue CLI,讓我們在開發階段也能使用 Cypress 測試 Vue。
Cypress 除了能以 Headless 執行外,透過整合 Mocha Package,也能同時產生漂亮的 HTML Report。
Cypress 雖為 E2E Test,若要整進 CI 流程,則勢必以 Headless 與 CLI 執行測試,因為 CI Server 不可能以 GUI 執行 Test Runer。
Cypress 為近年最流行的 E2E Test,以 JavaScript 打造的全新架構,並非使用 Selenium,安裝與使用經驗極佳。