[筆記] 端對端 E2E 前端測試自動開啟瀏覽器 start-server-and-test @地瓜大的飛翔旅程

章節連結

內容

執行 E2E 的前端自動化測試時，會依序經過 build 專案、啟動網頁伺服器、執行測試 3 個階段。由於既有指令執行時，會在「啟動網頁伺服器」的階段長時間執行而無法自動觸發往後流程，會需要通過 wait-on … 等套件來達成。在避免另造輪子的情況下，start-server-and-test 這套件就是一個方便的工具。

內容

[ NPM 網址 ]：start-server-and-test

以下為搭配示範：

執行 E2E 指令時，會先 build 專案 -> 啟動網頁伺服器 -> 執行端對端測試。前兩步為保持順序，需搭配 npm-run-all2 使用。

{
 "scripts": {
    "build": "vite build",
    "preview": "vite preview --port 8888",
    "start-test-e2e-server": "run-s build preview",
    "test-e2e": "start-server-and-test start-test-e2e-server http://localhost:8888 testcafe"
 }
}

{

"scripts": {

"build": "vite build",

"preview": "vite preview --port 8888",

"start-test-e2e-server": "run-s build preview",

"test-e2e": "start-server-and-test start-test-e2e-server http://localhost:8888 testcafe"

}

按讚加入粉絲團