本文首發(fā)于：行者AI
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è)為xingzheai.cn開(kāi)始錄制
python -m playwright codegen https://xingzheai.cn/
（3）打開(kāi)xingzheai.cn现拒，用Chromium驅(qū)動(dòng)辣垒，將結(jié)果保存為my.py的python文件
python -m playwright codegen --target python -o 'my.py' -b chromium https://xingzheai.cn/
- -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://xingzheai.cn/"
}
)
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://xingzheai.cn/')
# 等待頁(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://xingzheai.cn/')
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://xingzheai.cn/")
with page.expect_popup() as popup_info:
page.click('text="智能內(nèi)容審核"')
assert "智能內(nèi)容審核" == element.textContent()
2.8 移動(dòng)端操作持寄，示例如下：
目前支持模擬機(jī)型較少源梭， 參照：仿真設(shè)備列表
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://xingzheai.cn/')
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)化的工作效率模庐。
