ページオブジェクトモデル（POM）とページファクトリ

1. 概要

テストコードの可読性・再利用性・保守性を高めるため、Selenium では

1. ページオブジェクトモデル（POM） – 画面要素とその操作を 1 クラスに集約するデザインパターン

2. ページファクトリ（PageFactory） – POM クラスの WebElement を遅延ロード（Lazy-Load）するユーティリティ
   の 2 段構えでテスト設計を行うことが推奨されています。browserstack.com

---

2. ページオブジェクトモデル（POM）

典型的な構造（Java 例）

java
public class LoginPage {
    private final WebDriver driver;
    private final By userField = By.id("user");
    private final By passField = By.id("pass");
    private final By submitBtn = By.id("login");

    public LoginPage(WebDriver driver){
        this.driver = driver;
    }
    public void loginAs(String u, String p){
        driver.findElement(userField).sendKeys(u);
        driver.findElement(passField).sendKeys(p);
        driver.findElement(submitBtn).click();
    }
}

---

3. ページファクトリ（PageFactory）

PageFactory は フィールドアノテーション + 遅延プロキシにより、

• 要素取得ロジックの重複をさらに削減

• 初回アクセス時にだけ findElement することで DOM 変化への耐性を確保
  を実現するヘルパです。Java では PageFactory.initElements() が入口になります。selenium.dev

アノテーション利用例（Java）

java
public class LoginPage {
    @FindBy(id = "user")   private WebElement userField;
    @FindBy(id = "pass")   private WebElement passField;
    @FindBy(id = "login")  private WebElement submitBtn;

    public LoginPage(WebDriver driver){
        PageFactory.initElements(driver, this);
    }
    public void loginAs(String u, String p){
        userField.sendKeys(u);
        passField.sendKeys(p);
        submitBtn.click();
    }
}

主なアノテーション

---

4. POM + PageFactory の保守メリット

1. UI レイヤ変更時の影響範囲がページクラス内に閉じる

2. テストコードはビジネスフローのみを記述 – DSL (Domain-Specific Language) 風で読みやすい

3. 遅延ロードでタイミング依存を低減（Ajax 画面でも安定しやすい）testgrid.io

---

5. Selenium 4 以降の注意点

推奨

• 新規プロジェクト: コンストラクタ注入 + By 定義方式（PageFactory 依存ゼロ）も選択肢

• 既存資産が多い場合: PageFactory を維持しつつ段階的にリファクタリング

---

6. ベストプラクティスまとめ

POM と PageFactory を適切に組み合わせれば、UI 変更が頻繁な Web アプリでも 「壊れにくいテストスイート」 を構築できます。