JavaScriptテストツール – ブラウザ上でコードを実行・テスト
JavaScriptテストツールでは、コードとテストを並べて記述し、分離されたWeb Workerで実行できます。内蔵のテストランナーはdescribe、it/test、expectマッチャー、beforeEach/afterEachフック、非同期テストをサポートしています。テスト実行のタイムアウトを設定し、無限ループは停止ボタンで止められます。
JavaScriptテストツールは、コードとテストを並べて書けるブラウザベースのJavaScriptテストツールです。テストは分離されたWeb Workerで実行されるため、テストをアプリケーションに組み込む前にJavaScriptの動作を確認できます。内蔵のミニテストランナーはdescribe、it/test、expect、beforeEach/afterEach、非同期テストをサポートしています。
テストケースはdescribeとitまたはtestで整理し、toBe、toEqual、toContain、toThrowなどのマッチャーとともにexpectを使います。ツールは設定可能なタイムアウトと、無限ループを強制終了する停止ボタンもサポートしています。これらの機能により、コードに対するチェックを実行し、ループが終了しない場合は実行を停止できます。
JavaScriptはプログラミング言語であり、テストランナーは期待される動作を記述してコードをそれに照らしてチェックする方法を提供します。アプリケーションに統合する前に式や小さなコードをテストすれば、その動作を探り、エッジケースを確認するのに役立ちます。サポート対象のマ��チャーを使えば、テストでさまざまな種類の期待値を表現できます。
JavaScriptテストツールは完全にブラウザ上で動作します。入力はお使いのデバイス上で処理され、サーバーへのアップロード、保存、送信はされません。サーバー依存がないため、ページの読み込み後はオフラインでも動作し続けます。開発者やDevOpsエンジニアは、JavaScriptコードの試行、焦点を絞ったテストの構築、変更出荷前の動作確認に利用できます。
手順1: テストしたいJavaScriptコードを入力します。内容をツールに貼り付けるかドロップできます。
手順2: describeとitまたはtestを使ってテストを追加し、確認したい動作をexpectアサーションでチェックします。
手順3: toBe、toEqual、toContain、toThrowなどのサポート対象マッチャーを選び、必要に応じてbeforeEach/afterEachフックを追加します。
手順4: テストの実行時間を設定したい場合は、テスト実行のタイムアウトを設定します。
手順5: テストを実行して結果を確認します。無限ループが発生した場合は、停止ボタンで実行を止められます。
用途: アプリケーションで使う前に、JavaScriptの式を実際の入力で試し、何にマッチするか確認します。
用途: ファイル保存やアプリへの組み込みを先にせずに、式を繰り返し試せます。
用途: 変更を出荷する前に、テストアサーションでエッジケースをチェックします。
用途: describeとit/testで小さなスイートを書き、JavaScriptコードの一部のチェックを整理します。
用途: コードがエラーをスローするかはtoThrowでテストし、コレクション内の値をチェックするにはtoContainを使います。
用途: テストで個々のケースの前後にセットアップやクリーンアップが必要な場合は、beforeEachまたはafterEachフックを追加します。
用途: 内蔵テストランナーで非同期テストを実行し、非同期コードの動作を確認します。
用途: テスト実行のタイムアウトを設定し、無限ループで終了しない場合は停止ボタンを使います。