Electron
Electron 是一個使用 JavaScript、HTML 和 CSS 建構桌面應用程式的框架。透過將 Chromium 和 Node.js 嵌入其二進位檔中,Electron 允許您維護一個 JavaScript 程式碼庫並建立可在 Windows、macOS 和 Linux 上運作的跨平台應用程式 — 無需原生開發經驗。
WebdriverIO 提供了一項整合服務,可簡化與您的 Electron 應用程式的互動,並使測試變得非常簡單。使用 WebdriverIO 測試 Electron 應用程式的優點如下
- 🚗 自動設定所需的 Chromedriver
- 📦 自動偵測您的 Electron 應用程式的路徑 - 支援 Electron Forge 和 Electron Builder
- 🧩 在您的測試中存取 Electron API
- 🕵️ 透過類似 Vitest 的 API 模擬 Electron API
您只需要幾個簡單的步驟即可開始。觀看 WebdriverIO YouTube 頻道提供的這個簡單的逐步入門影片教學
或依照以下章節中的指南。
開始使用
若要啟動新的 WebdriverIO 專案,請執行
npm create wdio@latest ./
安裝精靈將引導您完成此流程。當它詢問您想要進行哪種類型的測試時,請務必選取 _「桌面測試 - Electron 應用程式」_。然後提供您已編譯的 Electron 應用程式的路徑,例如 ./dist
,然後僅保留預設值或根據您的喜好進行修改。
設定精靈將安裝所有需要的套件,並建立一個 wdio.conf.js
或 wdio.conf.ts
,其中包含測試您的應用程式所需的設定。如果您同意自動產生一些測試檔案,則可以透過 npm run wdio
執行您的第一個測試。
就這樣 🎉