ページオブジェクトモデル

はじめに

大規模なテストスイートは、作成とメンテナンスの容易さを最適化するように構造化できます。ページオブジェクトモデルは、テストスイートを構造化するそのようなアプローチの1つです。

ページオブジェクトは、Webアプリケーションの一部を表します。EコマースWebアプリケーションには、ホームページ、一覧ページ、チェックアウトページがあるかもしれません。それらのそれぞれがページオブジェクトモデルによって表すことができます。

ページオブジェクトは、アプリケーションに適した高レベルのAPIを作成することで**作成を簡素化**し、要素セレクターを1か所にまとめて繰り返しを避けるための再利用可能なコードを作成することで**メンテナンスを簡素化**します。

実装

ページオブジェクトモデルは、PlaywrightのPageをラップします。

同期

models/search.py

class SearchPage:
    def __init__(self, page):
        self.page = page
        self.search_term_input = page.locator('[aria-label="Enter your search term"]')

    def navigate(self):
        self.page.goto("https://bing.com")

    def search(self, text):
        self.search_term_input.fill(text)
        self.search_term_input.press("Enter")

非同期

models/search.py

class SearchPage:
    def __init__(self, page):
        self.page = page
        self.search_term_input = page.locator('[aria-label="Enter your search term"]')

    async def navigate(self):
        await self.page.goto("https://bing.com")

    async def search(self, text):
        await self.search_term_input.fill(text)
        await self.search_term_input.press("Enter")

ページオブジェクトはテスト内で使用できます。

同期

test_search.py

from models.search import SearchPage

# in the test
page = browser.new_page()
search_page = SearchPage(page)
search_page.navigate()
search_page.search("search query")

非同期

test_search.py

from models.search import SearchPage

# in the test
page = await browser.new_page()
search_page = SearchPage(page)
await search_page.navigate()
await search_page.search("search query")