Electron
Electronは、JavaScript、HTML、およびCSSを使用してデスクトップアプリケーションを構築するためのフレームワークです。ChromiumとNode.jsをバイナリに埋め込むことで、Electronを使用すると、1つのJavaScriptコードベースを維持し、Windows、macOS、およびLinuxで動作するクロスプラットフォームアプリを作成できます。ネイティブ開発の経験は必要ありません。
WebdriverIOは、Electronアプリとのインタラクションを簡素化し、テストを非常に簡単にする統合サービスを提供します。ElectronアプリケーションのテストにWebdriverIOを使用する利点は次のとおりです。
- 🚗 必要な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
を使用して最初のテストを実行できます。
それだけです🎉