IntelliJ IDEA 2026.1 Help

Selenium ページオブジェクト

ページオブジェクトは、Web 要素を格納するためのオブジェクトリポジトリを確立する Selenium のデザインパターンです。 その目的は、コードの繰り返しを最小限に抑え、テストケースの保守性を高めることです。

一般的なワークフローは、テストする Web ページのページオブジェクトクラスを作成することから始まります。 次に、このページオブジェクトクラスに、そのページ上の要素を操作するためのロケーターとメソッドを設定します。 ページオブジェクトが設定されると、テストスクリプトでこれらのメソッドを参照して、Web ページでアクションを実行できます。

ページオブジェクトを作成する

  1. プロジェクト ツールウィンドウで、ページオブジェクトを保存するディレクトリを右クリックし、 新規 | Selenium ページオブジェクト を選択します。

  2. 実装言語、フレームワークを選択し、ページオブジェクトに名前を付けます。

  3. (オプション) ページオブジェクトを作成する Web ページの URL を指定します。

    新しい Selenium ページオブジェクト
  4. (オプション) 必要に応じて、ページオブジェクトテンプレートをカスタマイズできます。 詳細については、 ページオブジェクトテンプレートのカスタマイズ を参照してください。

  5. OK をクリックします。

その結果、新しいページオブジェクトが作成されます。

ページオブジェクトに要素を追加する

  1. 右側のサイドバーの the Web Inspector button をクリックして、 Web インスペクター ツールバーウィンドウを開きます。

  2. アドレスバーにページの URL を指定します。 前のステップで URL を指定した場合、このステップはオプションです。

    アドレスバーコントロール
  3. The Select Element in Page button をクリックし、 Web インスペクター のページオブジェクトに追加する要素を選択します。

    ページ内の要素を選択する
  4. 要素を選択したら、「Add Element to Code 」をクリックして要素をコードに追加します。

    「コードに要素を追加」ボタン

    特定のタイプのセレクター (ID名前クラスでタグ付けするなど) を追加するには、 Add Element to Code By をクリックして必要なオプションを選択します。

    コードに要素を追加する

    CSS ロケーターと XPath ロケーターの間で具体的に切り替える場合は、 をクリックして、必要なロケーター型を選択します。

    ロケーターのタイプを選択する

その結果、コードの一部が生成され、コードエディターに追加されます。 この手順を繰り返して、ページオブジェクトに他の要素を設定します。

既存のページオブジェクトの URL を変更する

ページオブジェクトに別の Web ページ URL を指定する場合は、 // page_url コメント内のページアドレスを更新します。

ページオブジェクトの編集

ページオブジェクトテンプレートのカスタマイズ

ページオブジェクトファイルのデフォルトの内容をカスタマイズする場合 (追加のクラスをインポートするなど)、ページオブジェクトテンプレートを変更します。

  1. Ctrl+Alt+S を押してから、 エディター | ファイルおよびコードテンプレート を選択します。

    ファイルとコードテンプレートの設定
  2. その他 タブを選択します。

  3. Selenium | ページオブジェクトテンプレート | <必須言語> をクリック

  4. リストから必要なページオブジェクトテンプレートを選択します。

    ページオブジェクト テンプレート一覧
  5. テンプレートを変更します。

  6. 変更を保存するには、 適用 をクリックします。

その結果、新しく作成されたすべてのページオブジェクトには、提供された変更が含まれます。

2026 年 3 月 30 日