PyCharm 2026.2 Help

実行 / デバッグ構成: Protractor

作成: 実行 | 実行構成の編集 | 新規構成の追加| Protractor

このダイアログで、 Protractor テストランナーを使用して AngularJS 単体テストを実行およびデバッグするための設定を作成します。

始める前

  1. Node.js をダウンロードしてインストールします。

  2. Protractor のインストールの説明に従って、 Protractor テストフレームワーク(英語)をインストールします。

Protractor 固有の構成設定

項目

説明

構成ファイル

このフィールドには、 Protractor 設定ファイルの位置を指定します。 通常、ファイルには拡張子 protractor.conf.js

ノードランタイム

このフィールドでは、使用する Node.js ランタイムを指定します。

プロジェクト エイリアスを選択すると、PyCharm は ノードランタイム フィールドがある JavaScript ランタイムページのプロジェクトのデフォルトインタープリターを自動的に使用します。 ほとんどの場合、PyCharm はプロジェクトのデフォルトランタイムを検出し、そのフィールドに自動で入力します。

別の構成済みのローカルインタープリターまたはリモートインタープリターを選択するか、 参照ボタン をクリックして新しいインタープリターを構成することもできます。

Protractor パッケージ

このフィールドには、Protractor インストールホーム /npm/node_modules/protractor を指定してください。 Node パッケージマネージャーで通常通り Protractorをインストールした場合、PyCharmは Protractor のインストール先を自動的に検出します。 あるいは、実行可能ファイルへのパスを手動で入力するか、 閲覧 参照ボタン をクリックしてダイアログで開く場所を選択します。

環境変数

このフィールドでは、Node.js 実行可能ファイルのカスタム 環境変数を指定します。

変数の定義は、 環境変数 フィールドにセミコロン(; )で区切られて表示されます。例えば:

  • NODE_PATH

    モジュールの解決時に検索する追加ディレクトリのリストです。 リスト内のディレクトリを区切るには、macOS または Linux ではコロン(: )、Windows ではセミコロン(; )を使用してください。

  • NODE_MODULE_CONTEXTS

    モジュールをそれぞれのグローバルコンテキストでロードするには 1 に設定します。

  • NODE_DISABLE_COLORS

    REPL の色を無効にするには 1 に設定します。

環境変数

または、フィールドの右側にある 閲覧 環境変数の編集アイコン をクリックし、表示される 環境変数 ダイアログで変数のリストを設定します:

  • カスタム変数のリストを管理するには、 および ボタンを使用します。

  • ダイアログには利用可能なシステム環境変数のリストも表示されます。 現在の構成でシステム環境変数を使用しない場合は、 システム環境変数を含める チェックボックスをオフにしてください。

  • 準備ができたら OK をクリックします。

テスト

この領域に、実行するテストを指定します。 利用可能なオプションは次のとおりです:

  • すべてのテスト:: protractor.conf.js 構成ファイルからすべてのテストを実行するには、このオプションを選択してください。

  • テストファイル:: 1 つのファイルからテストのみを実行し、 テストファイル​ フィールドにこのファイルへのパスを指定するには、このオプションを選択してください。

  • スイート:: このオプションを選択して、テストファイルから個々のスイートを実行し、 テストファイル​ フィールドにこのファイルへのパスを指定します。 スイート名​ フィールドで 参照ボタン をクリックし、 追加 ボタンと 削除 ボタンを使用して実行するスイートのリストを構成します。

  • テスト:: このオプションを選択して、テストファイルから個々のテストを実行し、 テストファイル​ フィールドにこのファイルへのパスを指定します。 テスト名​ フィールドで 参照ボタン をクリックし、 追加 および 削除 ボタンを使用して実行するテストのリストを構成します。

共通設定

実行構成を編集するとき(ただし実行構成テンプレートを除く)、次のオプションを指定できます:

項目

説明

名前

実行構成の名前を指定して、編集または実行時に他の構成の間ですばやく識別できるようにします。

プロジェクトファイルとして保存

実行構成設定を含むファイルを保存して、他のチームメンバーと共有します。 デフォルトの場所は .idea/runConfigurations です。 ただし、 .idea ディレクトリを共有したくない場合は、プロジェクト内の他のディレクトリに構成を保存できます。

デフォルトでは無効になっており、PyCharm は実行構成設定を .idea/workspace.xml に保存します。

ツールバー

実行 / デバッグ構成のツリー表示には、project で使用可能な構成の管理や、デフォルトの構成テンプレートの調整に役立つツールバーがあります。

項目

ショートカット

説明

追加ボタン

Alt+Insert

実行 / デバッグ構成を作成します。

削除ボタン

Alt+Delete

選択した実行 / デバッグ構成を削除します。 デフォルト設定は削除できません。

コピー

Ctrl+D

選択した実行 / デバッグ構成のコピーを作成します。 デフォルト設定のコピーを作成してください。

構成を保存

このボタンは、 一時的な構成を選択した場合にのみ表示されます。 このボタンをクリックして、一時的な構成を永続的なものとして保存します。

新しいフォルダーに移動 / 新しいフォルダーを作成

新しいフォルダーに移動 / 新しいフォルダーを作成します。 実行 / デバッグ構成は、 フォルダーに配置することでグループ化できます。

フォルダーを作成するには、カテゴリ内の設定を選択し、 フォルダー をクリックしてフォルダー名を指定します。 カテゴリだけにフォーカスがある場合は、空のフォルダーが作成されます。

次に、設定をフォルダー内、フォルダー間、フォルダー外に移動するには、ドラッグまたは 上へ移動 ボタンと 下へ移動 ボタンを使用します。

グループ化を解除するには、フォルダーを選択して 構成の除去 をクリックします。

構成の並べ替え

このボタンをクリックすると、設定がアルファベット順にソートされます。

起動前

この領域では、選択した実行 / デバッグ構成を開始する前に実行するタスクを指定できます。 タスクは、リストに表示されている順序で実行されます。

項目

ショートカット

説明

追加ボタン

Alt+Insert

このアイコンをクリックして、以下の利用可能なタスクのいずれかを追加します:

  • Web ブラウザーを起動する: ブラウザーを起動するには、このオプションを選択します。 開いたダイアログで、ブラウザーの種類を選択し、開始 URL を指定します。 また、ブラウザーを JavaScript デバッガーで起動するかどうかも指定します。

  • 外部ツールの実行: 外部アプリケーションを実行することを選択します。 開いたダイアログで、実行する 1 つまたは複数のアプリケーションを選択します。 PyCharm でまだ定義されていない場合は、その定義を追加してください。 詳細については、 外部ツール外部ツール を参照してください。

  • 別の構成を実行: 別の実行 / デバッグ構成を実行することを選択し、それが完了するまで待ってから現在の構成を開始します。 複数の構成を並行して実行する場合は、 複合実行 / デバッグ構成を使用してください。

  • File Watchers を実行する :このオプションを選択すると、PyCharm が現在アクティブなすべての File Watchers を適用します。

  • リモート外部ツールを実行する: リモート SSH 外部ツールを追加します。

  • Grunt タスクを実行: Grunt タスクを実行するには、このオプションを選択してください。

    表示される Grunt タスク ダイアログで、必要なタスクが定義されている Gruntfile.js を指定し、実行するタスクを選択して、Grunt ツールに渡す引数を指定します。

    Node.js ランタイムの場所、それに渡すパラメーター、 grunt-cli パッケージへのパスを指定します。

  • Gulp タスクを実行する: Gulp タスクを実行するには、このオプションを選択してください。

    表示される Gulp タスク ダイアログで、必要なタスクが定義されている Gulpfile.js を指定し、実行するタスクを選択して、Gulp ツールに渡す引数を指定します。

    Node.js ランタイムの場所、それに渡すパラメーター、 gulp パッケージへのパスを指定します。

  • npm スクリプトを実行: npm スクリプトを実行するには、このオプションを選択してください。

    開いた NPM スクリプト ダイアログで、 npm 実行 / デバッグ構成設定を指定します。

  • TypeScript をコンパイルする: 組み込み TypeScript コンパイラーを実行するように選択し、TypeScript コードに加えたすべての変更が生成された JavaScript ファイルに反映されるようにします。 表示される TypeScript のコンパイル設定 ダイアログで、 エラーの確認 チェックボックスを選択または選択解除して、エラーが検出された場合のコンパイラーの動作を設定します。

    • エラーの確認 チェックボックスが選択されていると、コンパイラーはすべてのエラーを表示し、実行構成は開始されません。

    • エラーの確認 チェックボックスがオフの場合、コンパイラーは検出されたすべてのエラーを表示しますが、実行構成は起動されます。

  • データソースの接続を解除する: 実行 / デバッグ構成を実行する前にデータソースへの接続を中断する場合は、このオプションを選択します。

削除ボタン

Alt+Delete

このアイコンをクリックして、選択したタスクをリストから削除します。

編集

Enter

選択したタスクを編集するには、このアイコンをクリックします。 開いたダイアログで必要な変更を加えます。

メソッドアップ

メソッドダウン

Alt+Up

Alt+Down

これらのアイコンをクリックして、選択したタスクをリスト内で 1 行上または下に移動します。 タスクは、リストに表示されている順に実行されます。

このページを表示する

実行 / デバッグ構成を実際に開始する前に、実行 / デバッグ構成設定を表示するには、このチェックボックスを選択します。

ツールウィンドウをアクティブにする

デフォルトではこのチェックボックスは選択されており、実行 / デバッグ構成を開始すると 実行または デバッグツールウィンドウが開きます。

それ以外の場合、チェックボックスがオフの場合、ツールウィンドウは非表示になります。 ただし、設定の実行中は、 Alt+4 または Alt+5 を押すことで、対応するツールウィンドウを自分で開くことができます。

ツールウィンドウにフォーカス

実行 / デバッグ構成を開始したときに、 実行または デバッグツールウィンドウに自動的にフォーカスを移動させるには、このチェックボックスを選択してください。

2026 年 7 月 14 日