模擬手機裝置：使用 Playwright 實現移動端自動化測試

霍格沃兹测试开发学社發表於2024-05-13

前言

在今天的 Web 開發中，移動裝置已經成為使用者訪問網站的主要方式之一。因此，確保網站在移動裝置上的正確顯示和功能正常執行至關重要。Playwright 是一個強大的自動化測試工具，可以幫助開發人員模擬各種移動裝置，並進行自動化測試。本文將深入介紹如何使用 Python 編寫程式碼來模擬手機裝置，並進行移動端自動化測試。

什麼是移動裝置模擬？

移動裝置模擬是指模擬移動裝置的硬體和軟體特性，以便在桌面瀏覽器中準確呈現網站。這包括模擬裝置的螢幕大小、解析度、使用者代理字串等。透過模擬移動裝置，開發人員可以更準確地測試其網站在移動裝置上的效能和使用者體驗。

設定手機模式

配置需要模擬的裝置，我們需要配置我們使用的裝置，Playwright 就會模擬瀏覽器行為，例如"userAgent"、"screenSize"以及"viewport"是否"hasTouch"啟用。

還可以為所有測試或特定測試模擬,以及設定以"geolocation"顯示通知或更改."locale""timezone""permissions""colorScheme"

Playwright使用playwright.devices為選定的桌上型電腦、平板電腦和移動裝置提供裝置引數登錄檔。

它可用於模擬特定裝置的瀏覽器行為，例如使用者代理、螢幕尺寸、視口以及是否啟用了觸控。所有測試都將使用指定的裝置引數執行。

Playwright 提供了豐富的 API，可以方便地模擬各種移動裝置。以下是一個示例，演示瞭如何使用 Playwright 模擬 iPhone X 並訪問網站：

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    context = browser.new_context(
        **p.devices['iPhone X']
    )
    page = context.new_page()
    
    page.goto('https://example.com')

    # 進行移動端自動化測試
    # Your code here

在這個示例中，我們使用 p.devices['iPhone X'] 來選擇模擬的裝置。然後，我們在該裝置上建立一個新的瀏覽器上下文，並訪問網站。

執行移動端自動化測試

在模擬移動裝置後，我們可以編寫程式碼來執行移動端自動化測試。這可能包括測試網站的響應式佈局、互動功能的正常執行等。

from playwright.sync_api import sync_playwright

with sync_playwright() as p:
    browser = p.chromium.launch()
    context = browser.new_context(
        **p.devices['iPhone X']
    )
    page = context.new_page()
    
    page.goto('https://example.com')

    # 測試響應式佈局
    # Your code here

    # 測試互動功能
    # Your code here

在這個示例中，我們可以編寫針對移動裝置的自動化測試程式碼，以確保網站在移動端的正確顯示和功能正常執行。

總結

透過本文，我們瞭解瞭如何使用 Python 和 Playwright 模擬手機裝置，並進行移動端自動化測試。Playwright 提供了強大的 API，使得模擬移動裝置變得非常簡單。

相關文章