Microsoft Edge でのテストと自動化
Microsoft Edge のテストを自動化するためのツールは多数あります。
| ツール | 説明 |
|---|---|
| DevTools プロトコル | Microsoft Edge を含むブラウザーのインストルメント化、検査、デバッグ、プロファイル。 |
| 配信元の試用版 | 一定期間、ライブ サイトで試験的な API を試してみてください。 |
| 劇作 家 | Playwright ライブラリは、1 つの API を介してブラウザー間の自動化を提供します。 |
| 人形遣い | Puppeteer ライブラリには、DevTools プロトコルを使用して、Microsoft Edge を含むブラウザーを制御するための高度な API が用意されています。 |
| WebDriver | ユーザー操作をシミュレートすることで、Microsoft Edge でのテストを自動化します。 JavaScript 単体テストよりも利点があります。 |
| webhint | サイトのアクセシビリティ、パフォーマンス、クロスブラウザーと PWA の互換性、セキュリティをテストして改善するために、コードでベスト プラクティスと一般的なエラーを確認します。 |
これらのツールについては、以下で説明します。
DevTools プロトコル
DevTools プロトコルを使用して、Microsoft Edge を含むブラウザーのインストルメント化、検査、デバッグ、プロファイルを行います。 Chromiumオープンソース プロジェクトで Microsoft Edge をビルドすることで、Microsoft Edge DevTools Protocol は Chrome DevTools プロトコルの API と一致します。 Microsoft Edge が Chromium オープン ソース プロジェクトを使用する方法については、「Microsoft Edge」および「オープン ソースのChromium: 意図」を参照してください。
DevTools プロトコルに関するページを参照してください。
配信元の試用版
Origin Trials を使用して、一定期間、ライブ サイトで試験的な API を試すことができます。 Origin Trials を使用する場合、サイトにアクセスする Microsoft Edge のユーザーは、試験的な API を使用するコードを実行できます。 各ユーザー コンピューターで試験的な API にアクセスするには、機能フラグに移動して edge://flags オンにする必要はありません。
利用可能な配信元試用版の一覧を表示し、配信元を登録して試用するには、「 Microsoft Edge Origin Trials」を参照してください。 また、API の設計、ユース ケース、API を使用したエクスペリエンスに関するフィードバックをブラウザー エンジニアや Web 標準コミュニティに提供することもできます。
劇作 家
Playwright ライブラリは、1 つの API を介してブラウザー間の自動化を提供します。 Playwright は、常緑、対応、信頼性、高速のクロスブラウザー Web オートメーションを可能にします。
Playwright は、既定でブラウザーをヘッドレスとして起動します。 ヘッドレス ブラウザーでは UI は表示されません。そのため、通常はコマンド ラインを使用します。ただし、完全な Microsoft Edge UI を実行するように Playwright を構成することもできます。
「Playwright を使用して Microsoft Edge で自動化とテストを行う」を参照してください。
人形遣い
Puppeteer ライブラリには、DevTools プロトコルを使用して、Microsoft Edge を含むChromium ベースのブラウザーを制御する高レベルの API が用意されています。
Puppeteer は、既定でヘッドレス ブラウザーを起動します。 ヘッドレス ブラウザーでは UI が表示されないため、コマンド ラインを使用する必要があります。 また、完全 (ヘッドレスではない) Microsoft Edge を実行するように Puppeteer を構成することもできます。
Microsoft Edge では、Microsoft Edge などの既存のブラウザー インストールを起動する軽量バージョンの Puppeteer を使用 puppeteer-coreできます。
「Puppeteer の概要」を参照してください。
WebDriver
WebDriver を使用すると、ユーザー操作をシミュレートすることで Microsoft Edge を自動化できます。 WebDriver を使用するテストには、ブラウザーで実行される JavaScript 単体テストよりもいくつかの利点があります。
ブラウザーで実行されている JavaScript で使用できない機能と情報にアクセスします。
JavaScript 単体テストよりも正確にユーザー イベントまたは OS レベルのイベントをシミュレートします。
1 つのテスト セッションで複数のウィンドウ、タブ、Web ページを管理します。
特定のコンピューターで Microsoft Edge の複数のセッションを実行します。
「WebDriver を使用して Microsoft Edge を自動化する」を参照してください。
Visual Studio Code の webhint 拡張機能
カスタマイズ可能なリンティング ツールである Webhint を使用して、サイトのアクセシビリティ、パフォーマンス、クロスブラウザーの互換性、PWA の互換性、セキュリティを向上させます。 Webhint 拡張機能は、ベスト プラクティスと一般的なエラーについてコードをチェックします。