「 點(diǎn)擊上方↑“潛在科技”，訂閱微信 」

Playwright是由微軟公司2020年初發(fā)布的新一代自動(dòng)化測(cè)試工具，相較于目前最常用的Selenium，它僅用一個(gè)API即可自動(dòng)執(zhí)行Chromium、Firefox、WebKit等主流瀏覽器自動(dòng)化操作。作為針對(duì) Python 語(yǔ)言純自動(dòng)化的工具，在回歸測(cè)試中可更快的實(shí)現(xiàn)自動(dòng)化。

1. 為什么選擇Playwright

1.1 Playwright的優(yōu)勢(shì)

（1） Selenium需要通過(guò)WebDriver操作瀏覽器；Playwright通過(guò)開(kāi)發(fā)者工具與瀏覽器交互，安裝簡(jiǎn)潔，不需要安裝各種Driver。

（2） Playwright幾乎支持所有語(yǔ)言，且不依賴于各種Driver，通過(guò)調(diào)用內(nèi)置瀏覽器所以啟動(dòng)速度更快。

（3） Selenium基于HTTP協(xié)議（單向通訊），Playwright基于Websocket（雙向通訊）可自動(dòng)獲取瀏覽器實(shí)際情況。

（4） Playwright為自動(dòng)等待。

• 等待元素出現(xiàn)（定位元素時(shí)，自動(dòng)等待30s，等待時(shí)間可以自定義，單位毫秒）
• 等待事件發(fā)生

1.2 已知局限性

（1） Playwright不支持舊版Microsoft Edge或IE11。支持新的Microsoft Edge（在Chromium上）；所以對(duì)瀏覽器版本有硬性要求的項(xiàng)目不適用。

（2） 需要SSL證書(shū)進(jìn)行訪問(wèn)的網(wǎng)站可能無(wú)法錄制，該過(guò)程需要單獨(dú)定位編寫(xiě)。

（3） 移動(dòng)端測(cè)試是通過(guò)桌面瀏覽器來(lái)模擬移動(dòng)設(shè)備（相當(dāng)于自帶模擬器），無(wú)法控制真機(jī)。

2. Playwright使用

2.1 安裝

（1）安裝Playwright依賴庫(kù)（Playwright支持Async\Await語(yǔ)法，故需要Python3.7+）

pip install playwright

（2）安裝Chromium、Firefox、WebKit等瀏覽器的驅(qū)動(dòng)文件（內(nèi)置瀏覽器）

python -m playwright install

2.2 自動(dòng)錄制

（1）命令行鍵入 --help 看到所有可后接選項(xiàng)

python -m playwright codegen --help

（2）從起始頁(yè)為開(kāi)始錄制

python -m playwright codegen https:///

（3）打開(kāi)，用Chromium驅(qū)動(dòng)，將結(jié)果保存為my.py的python文件

python -m playwright codegen --target python -o 'my.py' -b chromium https:///

• -target：規(guī)定生成腳本的語(yǔ)言，有JS和Python兩種，默認(rèn)為Python
• -b：指定瀏覽器驅(qū)動(dòng)
• -o：將錄制的腳本保存到一個(gè)文件

2.3 定制化編寫(xiě)

（1） 元素定位

• 選擇單個(gè)元素：querySelector(engine=body)
• 選擇多個(gè)元素：querySelectorAll(engine=body)
• 選擇單個(gè)元素，并且自動(dòng)等待：waitForSelector(engine=body)

By的8種定位方式，實(shí)際為4種

• id、name、tag name、class name（java和pythona將該4種都?xì)w為CSS）
• xpath、link text、partial link text、css selector

W3C標(biāo)準(zhǔn)規(guī)定的webDriver協(xié)議為5種定位方式

• CSS、Link text、Partial link text、Tag name、XPath

Playwright將選擇器匯總為3種

• CSS、XPATH（支持邏輯表達(dá)式和函數(shù)）、TEXT

（2）選擇器規(guī)則

• CSS： ID選擇器、類選擇器、元素選擇器、屬性選擇器、通配選擇器、層次選擇器。
• XPath：XML路徑語(yǔ)言，通過(guò)“路徑標(biāo)識(shí)符”，導(dǎo)航XML文檔的，在類XML種（HTML）也可以使用。
• Text：結(jié)構(gòu)化內(nèi)容（html，xml，json）使用模糊匹配（忽略大小寫(xiě)，忽略前后空格，搜索子字符串）及精確匹配、非結(jié)構(gòu)化內(nèi)容使用正則匹配。

（3） 元素常用操作

• 下拉選擇框：selectOpion、value、labei、index
• 文件上傳：setInputFiles、單個(gè)文件、多個(gè)文件、拖放上傳
• 鼠標(biāo)點(diǎn)擊：click、dbclick
• 鼠標(biāo)拖動(dòng)：down、up
• 鼠標(biāo)移動(dòng)：move
• 觸摸屏幕：tag
• 鍵盤按鍵：press
• 截屏、錄屏：screenshot、recordVideo

2.4 網(wǎng)絡(luò)攔截（Mock接口），示例如下：

page = context.newPage()
def Whether_intercept() -> bool:
    return True  #進(jìn)行攔截
# return False #不進(jìn)行攔截

def handler(route:Route):
    print(route.request.url)
    #正常訪問(wèn)
    # route.continue_()
    #拒絕訪問(wèn)
    # route.abort("網(wǎng)絡(luò)攔截")
    # 重定向到非目標(biāo)地址
    route.fulfill(
        status=302,
        headers={
            'Location' : "https:///"
        }
    )
page.route(Whether_intercept,handler)

2.5 同步執(zhí)行，示例如下：

#依次打開(kāi)三個(gè)瀏覽器，前往行者官網(wǎng)，截圖后退出。
from playwright import sync_playwright with sync_playwright() as p:
    for browser_type in [p.chromium, p.firefox, p.webkit]:
         # 指定為有頭模式，Ture為無(wú)頭模式
        browser = browser_type.launch(headless=False)
        page = browser.newPage()
        page.goto('https:///')
        # 等待頁(yè)面加載完全后截圖
        page.waitForSelector("text=智能內(nèi)容審核")
        page.screenshot(path=f'example-{browser_type.name}.png')
        browser.close()

2.6 異步執(zhí)行，示例如下：

#同時(shí)進(jìn)行三個(gè)瀏覽器操作
import asyncio
from playwright import async_playwright
async def main():
async with async_playwright() as p:
     for browser_type in [p.chromium, p.firefox, p.webkit]:
         browser = await browser_type.launch()
         page = await browser.newPage()
         await page.goto('https:///')
         await page.waitForSelector("text=智能內(nèi)容審核")
         await page.screenshot(path=f'example-{browser_type.name}.png')
         await browser.close()
         asyncio.get_event_loop().run_until_complete(main())

2.7 Pytest結(jié)合，示例如下：

安裝：pip install pytest-playwright

def test_playwright(page):
    page.goto("https:///")
    with page.expect_popup() as popup_info:         
    page.click('text="智能內(nèi)容審核"')         
    assert "智能內(nèi)容審核" == element.textContent()

2.8 移動(dòng)端操作，示例如下：

目前支持模擬機(jī)型較少， 參照：仿真設(shè)備列表

https://github.com/Microsoft/Playwright/blob/master/src/server/deviceDescriptors.ts

from time import sleep
from playwright import sync_playwright  
with sync_playwright() as p:
    GalaxyS5 = p.devices['Galaxy S5']
    browser = p.chromium.launch(headless=False)
    context = browser.newContext(**GalaxyS5)
    page = context.newPage()
    page.goto('https:///')
    page.click('text="智能內(nèi)容審核"')
    # 截圖
    # page.screenshot(path='colosseum-GalaxyS5.png')
    sleep(10)
    browser.close()

3. 總結(jié)

Playwright作為新一代自動(dòng)化測(cè)試工具，相較于Selenium不論是易用性，還是實(shí)用性都得到了全方位的提升。做到了簡(jiǎn)約而不簡(jiǎn)單，相信使用該工具可以幫助我們提升做自動(dòng)化的工作效率。

- End -