還在用Selenium寫自動化測試的同學(xué)我勸你盡早看看Playwright。這個來自微軟的瀏覽器自動化工具我用了不到一年最直觀的感受就是以前寫一套用例要調(diào)半天的等待時間、處理各種彈窗和iframe現(xiàn)在基本可以“無腦”寫了。更關(guān)鍵的是它自帶一套斷言重試機制元素沒出現(xiàn)就等出現(xiàn)就繼續(xù)根本不用你手動sleep。如果你平時做Web自動化測試、爬蟲、或者想用腳本代替人工重復(fù)操作瀏覽器這篇內(nèi)容會比較適合你。我不打算做那種官方文檔翻譯而是把我從安裝到落地、從踩坑到解決的全過程記錄下來盡量講清楚“為什么這么用”而不是只給你看API。1. 為什么我從Selenium切換到Playwright一次反直覺的選擇在Playwright出現(xiàn)之前瀏覽器自動化基本被Selenium壟斷。我團隊里早期做Web自動化也用的是Selenium兼容性沒問題但用久了會攢下一堆讓人煩躁的小毛病。比如元素定位時經(jīng)常會遇到“元素不可交互”的報錯明明頁面已經(jīng)加載出來了但腳本就是點不到再比如網(wǎng)絡(luò)慢一點、前端框架還在渲染的時候必須硬編碼一段time.sleep(3)來等等久了腳本執(zhí)行時間暴漲等短了分分鐘報錯。這套老路子能跑通但維護成本很高。1.1 自動等待機制它比你想的更智能Playwright把“等待”這個事做成了內(nèi)置機制而不是讓你自己調(diào)。它的核心邏輯是“動作前自動等待”——你調(diào)用click、fill這類操作時Playwright會先輪詢檢查這個元素是否可見、是否穩(wěn)定、是否可交互如果條件不滿足就一直等直到超時。這背后其實是它對DOM狀態(tài)做了一套非常細(xì)致的判斷包括元素是否附著在文檔里、是否被其他元素遮擋、是否處于動畫狀態(tài)等等。這意味著你完全不需要去猜測一個按鈕要等多久才能點腳本會在元素真正可操作的那一刻自動繼續(xù)。我記得有一次跑一個非常慢的后臺管理頁面前端是Vue框架表格數(shù)據(jù)加載依賴好幾個異步接口。用Selenium寫的用例穩(wěn)定運行幾周后突然開始隨機失敗排查下來是因為后端接口變慢了之前的sleep(2)不夠用了。換成Playwright以后同樣場景下click和fill操作就不再依賴固定的等待時間它會等元素出現(xiàn)再操作用例馬上穩(wěn)了下來。1.2 一套API跑三種瀏覽器引擎還順便解決了WebDriver的環(huán)境問題Selenium需要為每個瀏覽器單獨下載對應(yīng)版本的WebDriver瀏覽器一升級WebDriver就可能失效這是很多測試環(huán)境維護噩夢的來源。Playwright不同它走的是CDPChrome DevTools Protocol或自家封裝協(xié)議安裝時直接用命令行把對應(yīng)瀏覽器內(nèi)核下載到本地不需要額外安裝驅(qū)動也不受瀏覽器自動升級的影響。更有意思的是同一個API可以無縫跑Chromium、Firefox和WebKit也就是Safari的引擎。寫一遍用例跑到三個瀏覽器里驗證這在做兼容性測試時效率提升非常明顯。尤其對于前端團隊有些CSS或布局問題可能只在WebKit里出現(xiàn)以前你得專門配一臺Mac現(xiàn)在用Playwright在Linux上也能調(diào)用WebKit內(nèi)核做驗證。1.3 對比Selenium到底哪些差異值得你在意簡單整理下我實際使用中感受到的差異對比維度SeleniumPlaywright等待策略需要顯式等待或強制等待自動等待幾乎不用手寫等待邏輯瀏覽器驅(qū)動需要手動下載對應(yīng)版本W(wǎng)ebDriver命令一鍵安裝自帶內(nèi)核多標(biāo)簽/多頁面處理起來比較別扭原生支持多page切換方便iframe需要切換context容易迷失直接用frame locator定位邏輯清晰網(wǎng)絡(luò)攔截需要借助第三方代理工具內(nèi)置route接口可以mock請求錄制腳本有IDE但生成代碼較笨重錄制器生成的代碼結(jié)構(gòu)更干凈直接能改對于已經(jīng)習(xí)慣了Selenium的測試工程師遷移到Playwright需要調(diào)整的就是寫代碼的心智模型不再是“找元素-操作-等待”三段式而是“定位器-動作-自動等待”一體化。開始可能不習(xí)慣但用兩周左右基本就能適應(yīng)。2. 環(huán)境準(zhǔn)備與第一次啟動瀏覽器比想象中省事Playwright的安裝流程相當(dāng)簡單但有幾個細(xì)節(jié)值得說清楚避免新手在版本兼容性上浪費功夫。2.1 Python和Node.js版本怎么選Playwright同時提供Python和Node.js版本功能基本對齊。我個人的建議是如果你的測試腳本主要用于自動化測試或爬蟲且團隊現(xiàn)有的技術(shù)棧是Python那就選Python版本寫起來快生態(tài)里也好和pytest、allure這些工具集成。如果你本身是前端工程師想用自動化做端到端測試或者要深度利用Playwright Test Runner的測試報告、斷言庫、并行執(zhí)行這些能力那更推薦Node.js版本。我團隊最終選的是Python版本因為我們的接口自動化腳本、數(shù)據(jù)處理腳本都跑在Python環(huán)境里統(tǒng)一技術(shù)棧以后好維護。但這個選擇不絕對兩個版本我都簡單跑過核心API的命名和用法幾乎一致學(xué)會了其中一個切換過去成本很低。安裝命令非常簡單pip install playwright之后還需要執(zhí)行一步playwright install來下載瀏覽器內(nèi)核。這一步是新手容易忽略的——只裝庫不裝瀏覽器運行時直接報錯。而且因為下載源在國外部分地區(qū)可能會遇到下載超時可以設(shè)置鏡像環(huán)境變量來解決這一步我建議直接配好。pip install playwright # 安裝chromium內(nèi)核默認(rèn)會下載到用戶目錄 playwright install chromium2.2 同步API和異步API第一次該用哪個這是新手最容易糾結(jié)的點。Playwright在Python里同時提供了sync_playwright和async_playwright兩個入口。簡單來說同步API適合大多數(shù)日常測試腳本寫起來邏輯清晰不容易亂異步API適合要并發(fā)跑大量任務(wù)、或者要集成到已有異步代碼里的場景。我的建議是如果只是寫常規(guī)的自動化測試腳本直接用同步API別一上來就上異步異步的await會散布在代碼各處排查問題的時候多一層心智負(fù)擔(dān)。異步API的優(yōu)勢在于并發(fā)比如你有100個URL需要批量去檢查頁面是否正常用異步把任務(wù)并發(fā)出去整體耗時能縮短好幾倍這種場景才值得用異步。下面是一個最小可運行的同步腳本啟動瀏覽器、打開頁面、輸出標(biāo)題然后關(guān)閉from playwright.sync_api import sync_playwright with sync_playwright() as p: browser p.chromium.launch(headlessFalse) page browser.new_page() page.goto(https://example.com) print(page.title()) browser.close()2.3 啟動瀏覽器的幾個參數(shù)日常都怎么配browser.launch()里有幾個參數(shù)很常用我一般會重點關(guān)注這幾個headlessFalse如果你想看腳本實際在瀏覽器里的操作過程就設(shè)為False默認(rèn)是True即無頭模式。slow_mo500給每一步操作加一個500毫秒的延遲適合調(diào)試和演示能看到操作軌跡。args[--start-maximized]給Chromium內(nèi)核傳啟動參數(shù)比如啟動就最大化窗口。channelchrome如果你想用本機安裝的Chrome而不是下載的Chromium內(nèi)核可以用channel參數(shù)指定。要注意的是headlessTrue的性能優(yōu)勢很明顯在CI環(huán)境跑測試時基本都是無頭模式但在調(diào)試初期我建議開有頭模式因為能肉眼看到腳本到底在操作什么出錯時也更容易直觀理解。2.4 理解Browser、Context和Page三層結(jié)構(gòu)很多剛接觸Playwright的人會被Browser、Context、Page這仨概念繞暈。我用一個生活化的類比來解釋Browser就是整個瀏覽器程序相當(dāng)于一個獨立的廚房Context是瀏覽器里的一個“獨立會話”相當(dāng)于一個隔間不同Context之間互不共享Cookie、緩存和登錄狀態(tài)Page就是Context里的一個標(biāo)簽頁相當(dāng)于灶臺上的一口鍋。這個結(jié)構(gòu)最大的好處是你可以很方便地做“會話隔離”。比如你要測試多賬號登錄的場景不需要反復(fù)登錄退出了直接創(chuàng)建兩個Context一個操作賬號A一個操作賬號B互不干擾。這也是Playwright相對Selenium的一個明顯優(yōu)勢Selenium里每開一個新窗口Cookies是共享的要隔離得自己多寫很多代碼。with sync_playwright() as p: browser p.chromium.launch() # 創(chuàng)建兩個完全隔離的會話context context_a browser.new_context() context_b browser.new_context() page_a context_a.new_page() page_b context_b.new_page() page_a.goto(https://example.com/login) page_b.goto(https://example.com/register)3. 頁面交互的核心定位器、動作與狀態(tài)斷言頁面交互是自動化測試的核心環(huán)節(jié)Playwright把“找元素”和“操作元素”封裝成了一個整體叫做定位器Locator。這個設(shè)計思路值得單獨拿出來講。3.1 定位器Locator為什么比傳統(tǒng)找元素方式更可靠在Selenium里通常是用find_element_by_id、find_element_by_xpath這類方式先拿到元素然后再調(diào)用click、send_keys。Playwright則是用page.locator()創(chuàng)建定位器并且這個定位器不是一次性的快照而是每次操作時都會重新去頁面里查詢一次。這意味著即使頁面上元素被重新渲染了只要選擇器依然有效定位器還是能正常工作不會出現(xiàn)“元素引用過期”的問題。它還加持了兩大特性一是自動等待二是嚴(yán)格模式。嚴(yán)格模式是Playwright默認(rèn)開啟的意思是如果定位器匹配到了多個元素操作時會直接報錯提示你選擇器不夠具體。這在早期能幫你發(fā)現(xiàn)很多潛在問題避免因為頁面上有多個相似元素而操作了錯誤的目標(biāo)。拿最常見的登錄框舉例定位和填寫的代碼非常簡潔page.goto(https://example.com/login) # 定位器會自動等待輸入框可交互 page.locator(#username).fill(test_user) page.locator(input[namepassword]).fill(test_pass) page.locator(button[typesubmit]).click()3.2 常用動作與表單操作從點擊到文件上傳Playwright的常用動作API很全基本覆蓋了用戶在瀏覽器里能做的所有操作。點擊、雙擊、右鍵、懸停、拖拽、滾動到可見區(qū)域這些都有對應(yīng)方法。表單操作里的fill、press_sequentially逐字輸入、select_option下拉選擇、set_input_files文件上傳也都有而且設(shè)計得很順手。這里我說兩個經(jīng)常有人問的場景第一個是輸入框的賦值。一般情況下用fill就夠了它會把輸入框里的內(nèi)容清空再填入新值。但如果你要輸入的內(nèi)容很長或者你想模擬真人打字的效果可以用press_sequentially它會一個字符一個字符地輸入。第二個是文件上傳。不少人在自動化里遇到文件上傳就頭大因為會彈出一個系統(tǒng)級的文件選擇對話框Selenium處理這個很繞。Playwright的做法是直接繞過系統(tǒng)對話框用set_input_files把文件路徑綁定到input typefile元素上非常清爽# 單文件上傳 page.locator(input[typefile]).set_input_files(/path/to/file.pdf) # 多文件上傳 page.locator(input[typefile]).set_input_files([/path/a.pdf, /path/b.pdf])3.3 斷言為什么重要不再寫一堆if判斷去等結(jié)果以前寫自動化測試想驗證一個操作是否成功經(jīng)常要寫一個WebDriverWait循環(huán)去輪詢頁面文本再判斷是否符合預(yù)期。Playwright把斷言做進(jìn)了測試庫提供了expect這種自帶重試機制的斷言方式。什么意思呢就是斷言不通過時它不會立刻失敗而是一直輪詢檢查直到條件滿足為止。最常見的文本斷言長這樣from playwright.sync_api import expect # 點擊登錄按鈕后期望頁面出現(xiàn)歡迎回來文本 expect(page.locator(.welcome)).to_have_text(歡迎回來)如果頁面渲染速度較慢這個斷言最長會等待默認(rèn)的5秒超時時間只要在5秒內(nèi)出現(xiàn)“歡迎回來”就算通過。這個重試機制是把“等待”和“斷言”結(jié)合在了一起大大減少了腳本編寫時的焦慮感。3.4 處理多頁面和iframe不再那么頭疼多標(biāo)簽頁操作和iframe跨域處理是Web自動化里兩個經(jīng)典難題。Selenium處理多標(biāo)簽頁要driver.window_handles切換處理iframe要switch_to.frame代碼容易繞暈。Playwright處理這兩類場景的思路很直接多標(biāo)簽頁場景可以用context.expect_page()來監(jiān)聽新頁面打開事件with context.expect_page() as new_page_info: page.locator(a[target_blank]).click() new_page new_page_info.value new_page.wait_for_load_state() print(new_page.title())iframe場景直接用frame_locator在iframe內(nèi)部繼續(xù)定位元素不需要來回切換上下文# 直接在iframe里面定位輸入框并填入內(nèi)容 page.frame_locator(iframe[data-testidlogin-frame]).locator(#username).fill(test_user)這個設(shè)計讓代碼的可讀性變得非常好邏輯是一層層嵌套進(jìn)去的而不是在多個上下文之間來回跳轉(zhuǎn)。4. 進(jìn)階玩法網(wǎng)絡(luò)攔截、認(rèn)證復(fù)用與移動端模擬Playwright真正強大的地方在于它不止能做常規(guī)的點擊和輸入還能很優(yōu)雅地處理網(wǎng)絡(luò)請求、認(rèn)證狀態(tài)和移動端適配。這些能力在解決實際復(fù)雜問題時價值非常明顯。4.1 用route接口攔截和修改網(wǎng)絡(luò)請求page.route()可以攔截頁面發(fā)起的網(wǎng)絡(luò)請求然后選擇繼續(xù)、中止或者偽造返回數(shù)據(jù)。這在很多場景下都很有用測試弱網(wǎng)環(huán)境讓某些接口延遲返回觀察前端loading狀態(tài)是否正確。屏蔽干擾資源把統(tǒng)計腳本、廣告腳本直接中止讓測試更穩(wěn)定。構(gòu)造異常接口某接口返回500驗證前端有沒有正確的錯誤提示。Mock后端數(shù)據(jù)后端還沒開發(fā)完時前端可以先按約定格式mock數(shù)據(jù)繼續(xù)測試。一個常用的mock接口返回案例def mock_api_response(route): # 偽造一個接口的JSON返回 route.fulfill( status200, content_typeapplication/json, body{code: 0, data: {user: mock_user, roles: [admin]}} ) page.route(**/api/user/info, mock_api_response) page.goto(https://example.com/dashboard)這里還要提一個“和爬蟲結(jié)合”的方向。很多人用Playwright來做動態(tài)頁面的數(shù)據(jù)采集因為現(xiàn)在大量網(wǎng)站是前端渲染普通HTTP請求拿不到完整數(shù)據(jù)。用Playwright打開頁面、等待渲染完成后提取內(nèi)容是這類場景的標(biāo)準(zhǔn)解法。但如果目標(biāo)網(wǎng)站有比較嚴(yán)格的反爬策略可能會檢測到這是自動化瀏覽器。這里我不展開講那些“過檢測”的黑科技只提醒一句page.route()可以用于繞過一些靜態(tài)資源加載降低被識別概率但一定要遵守目標(biāo)網(wǎng)站的協(xié)議和法律法規(guī)別做越界的事。4.2 Cookie和登錄狀態(tài)的復(fù)用解決頻繁登錄的痛點在自動化測試?yán)镱l繁登錄是一個很煩人的問題。很多系統(tǒng)的登錄流程都帶圖形驗證碼、短信驗證碼讓自動化腳本非常難處理。Playwright提供了一個思路把登錄后的存儲狀態(tài)Cookies和LocalStorage保存下來以后的測試腳本直接加載免登錄。具體方法是先用腳本手動完成一次登錄然后調(diào)用context.storage_state()把狀態(tài)存成JSON文件后續(xù)每次新開Context時直接傳入這個文件# 保存登錄狀態(tài) context browser.new_context() page context.new_page() page.goto(https://example.com/login) # 在這里做登錄操作登錄成功后運行下面這行 context.storage_state(pathlogin_state.json) context.close() # 復(fù)用登錄狀態(tài) context browser.new_context(storage_statelogin_state.json) page context.new_page() page.goto(https://example.com/dashboard)這個方法在實際項目里幫我們省了大量時間。尤其是一些業(yè)務(wù)后臺登錄后的會話有效期很短加上復(fù)雜的驗證流程如果每個腳本都要從頭登錄整個回歸測試根本跑不動。用存儲狀態(tài)復(fù)用以后一條用例可以從“打開后臺首頁”直接開始節(jié)省了至少一半的執(zhí)行時間。4.3 模擬移動端瀏覽器順便做響應(yīng)式驗證Playwright支持通過device_descriptor來模擬各種移動設(shè)備包括iPhone、iPad、Pixel等。它不只是簡單的改User-Agent而是連屏幕尺寸、觸摸事件、設(shè)備縮放比、是否支持移動端特性都會一并切換。from playwright.sync_api import sync_playwright with sync_playwright() as p: browser p.chromium.launch() iphone p.devices[iPhone 13] context browser.new_context( **iphone, ) page context.new_page() page.goto(https://example.com)這個能力對做移動端H5頁面測試特別有用不需要真機直接就能在電腦上模擬各種移動設(shè)備的瀏覽環(huán)境渲染效果和真機很接近。實際跑下來CSS兼容問題基本能暴露個七七八八真機適配時踩雷的概率大大降低。4.4 和AI結(jié)合的方向Playwright MCP與智能生成測試腳本最近AI自動化測試是個熱門方向Playwright在這個領(lǐng)域其實有很好的結(jié)合點。一個是Playwright團隊推出的MCP服務(wù)可以把瀏覽器的操作能力接入支持MCP協(xié)議的AI助手讓AI模型像人一樣控制瀏覽器去做驗證。另一個是Codex這類AI編程助手配合Playwright通過自然語言描述測試場景自動產(chǎn)出可運行的測試腳本。我試過用AI輔助生成Playwright腳本體驗是對于結(jié)構(gòu)清晰、頁面元素有明確語義的站點AI生成的腳本可用度挺高甚至能自動處理等待和斷言但對于復(fù)雜的業(yè)務(wù)系統(tǒng)AI生成的定位器偶爾還是會失效這時需要人工微調(diào)。比較務(wù)實的用法是把AI當(dāng)成“腳本草稿生成器”先讓AI產(chǎn)出一個完整的流程腳本再在真實環(huán)境跑一遍把失敗的選擇器改對這樣搭建用例的效率能翻倍。5. 幾個最值得收藏的避坑經(jīng)驗從報錯處理到設(shè)計建議用了這么久的Playwright遇到過的坑不少。有些問題如果不知道排查起來會非常痛苦。我挑幾個最有代表性的記錄在這里希望能幫大家少走彎路。5.1 “target closed”報錯最常見也最頭疼的問題很多剛上手Playwright的人都遇到過target closed這個報錯字面意思是目標(biāo)頁面、頁面上下文或瀏覽器已關(guān)閉。出現(xiàn)這個報錯的原因很常見代碼執(zhí)行過程中頁面因為某些原因被關(guān)閉了或者瀏覽器/Context被提前關(guān)閉了。最容易踩坑的場景是這樣的在with sync_playwright() as p:的上下文里操作完某個頁面后不小心調(diào)用了browser.close()但后續(xù)代碼還在繼續(xù)嘗試操作之前的page就會報這個錯。還有一種隱藏較深的場景是頁面里的某個按鈕觸發(fā)了window.close()或者頁面跳轉(zhuǎn)導(dǎo)致舊的Document被銷毀后續(xù)還嘗試操作舊元素同樣會出現(xiàn)這個報錯。排查思路很簡單報錯信息里會有具體的操作堆棧先看是哪一行操作觸發(fā)再看那個時間點頁面是否被顯式或隱式地關(guān)閉了。如果確認(rèn)頁面不該被關(guān)閉但依然報錯可以嘗試在操作前加上page.wait_for_load_state()確保頁面跳轉(zhuǎn)完成后再繼續(xù)操作。5.2 輸入框內(nèi)容沒清空、下拉選項對不上表單操作有講究fill方法本身會先清空輸入框再輸入新內(nèi)容所以一般不用手動清空。但有一個特殊情況如果輸入框被前端框架接管了值綁定比如Vue的v-modelfill可能觸發(fā)了input事件但沒觸發(fā)change事件導(dǎo)致提交時數(shù)據(jù)不對。解決辦法是在fill之后再用dispatch_event顯式觸發(fā)change事件page.locator(#input).fill(new_value) page.locator(#input).dispatch_event(change)下拉選擇也是一個常見困惑。select_option默認(rèn)是按value來選擇如果你手頭只有文本內(nèi)容需要傳label參數(shù)。更要注意的是如果下拉框不是原生select元素而是自定義組件比如用div模擬的select_option是不生效的必須點擊展開后用locator去精確點擊列表項或者設(shè)置背后的隱藏輸入框值再觸發(fā)相應(yīng)事件。5.3 下載文件時注意的問題別把下載路徑丟了用Playwright處理文件下載時建議用expect_download()上下文管理器來捕獲下載事件然后調(diào)用download.save_as()把文件保存到指定目錄。這里有個容易踩的坑如果沒有用save_as把下載文件持久化保存臨時下載文件會在瀏覽器上下文關(guān)閉時被清理掉到時候再想找就找不到了。with page.expect_download() as download_info: page.locator(a[download]).click() download download_info.value download.save_as(/path/to/save/report.pdf)另外下載大文件時save_as是異步寫磁盤的如果腳本很快就退出可能會發(fā)現(xiàn)文件沒保存完整。穩(wěn)妥的做法是在保存后手動檢查文件大小是否大于0或者等幾秒再讓腳本結(jié)束。5.4 注意區(qū)分“可見”和“存在”這是斷言失敗的常見原因?qū)憯嘌詴r大家通常會用locator.is_visible()或者to_be_visible()來判斷元素。但有個隱蔽的場景有些元素在DOM里存在而且尺寸不為0但在視覺上被其他元素覆蓋或者被CSS屬性如opacity:0隱藏。這種情況下is_visible()的判定結(jié)果可能不符合直覺。Playwright的自動等待在操作時會額外檢查“是否可交互”不僅可見而且未被遮擋但斷言時不一定做同樣的檢查。所以遇到“元素明明存在但斷言不可見”的問題時優(yōu)先看CSS樣式是不是有覆蓋或者透明度設(shè)置不要只從元素是否存在去排查。我的經(jīng)驗是斷言文本內(nèi)容用to_have_text()或to_contain_text()比單純斷言可見性要穩(wěn)得多因為這更貼近業(yè)務(wù)邏輯——頁面渲染出來就是給用戶看內(nèi)容的文本出現(xiàn)就意味著頁面基本正常。5.5 測試數(shù)據(jù)準(zhǔn)備和環(huán)境清理別忽略測試基建最后再說一點偏測試設(shè)計層面的建議。Playwright讓寫腳本變得容易但腳本寫得再好如果測試數(shù)據(jù)一團糟CI跑起來照樣天天紅燈。在實際落地時建議建立一套獨立的測試數(shù)據(jù)生成和清理機制每個測試用例跑完能自動清理自己造的數(shù)據(jù)。同時線上和測試環(huán)境的配置要隔離開別讓測試腳本誤操作了生產(chǎn)環(huán)境的數(shù)據(jù)。這些雖然不是Playwright本身的能力但在項目中使用Playwright做自動化時這些基建不打好工具的威力發(fā)揮不出來。6. 從腳本到工程如何把Playwright落地到團隊項目里工具用熟了之后緊接著的問題就是怎么在一個團隊里把Playwright真正落地讓它成為自動化測試體系里穩(wěn)定運轉(zhuǎn)的一部分而不是某個同事電腦里的實驗?zāi)_本。我們最終采用的是pytest結(jié)合Playwright的方案。pytest作為測試框架負(fù)責(zé)用例的組織、執(zhí)行、跳過和報告Playwright負(fù)責(zé)瀏覽器操作。這套組合的好處是pytest的fixture機制可以很優(yōu)雅地管理瀏覽器實例的創(chuàng)建和回收每個測試用例都可以聲明自己需要哪種瀏覽器環(huán)境、是否需要登錄狀態(tài)代碼非常干凈。一個簡單的fixture定義如下import pytest from playwright.sync_api import sync_playwright pytest.fixture(scopefunction) def page(): with sync_playwright() as p: browser p.chromium.launch() context browser.new_context( storage_statelogin_state.json, viewport{width: 1280, height: 720}, ) page context.new_page() yield page context.close() browser.close()這樣定義好以后具體的測試用例只需要接收page參數(shù)直接操作即可框架會自動完成瀏覽器啟動、狀態(tài)加載和實例回收。用例數(shù)一多推薦把公共操作封裝成頁面對象Page Object每個頁面類負(fù)責(zé)該頁面上的定位器和操作邏輯測試用例只描述業(yè)務(wù)場景。這樣頁面結(jié)構(gòu)變了只需要改一個地方全部用例自動適配。并行執(zhí)行是另一個值得投入的方向。Playwright的RunnerNode版本內(nèi)置了并行能力Python下可以借助pytest-xdist實現(xiàn)多進(jìn)程并行會大大降低整體測試時間。但并行執(zhí)行時要注意不同進(jìn)程的數(shù)據(jù)隔離避免多個用例同時操作同一份測試數(shù)據(jù)導(dǎo)致互相干擾。監(jiān)控和報告也不能落下。Playwright支持生成HTML測試報告和Trace查看器。Trace可以在用例失敗后回放當(dāng)時的操作錄像和網(wǎng)絡(luò)請求對排查復(fù)雜問題特別有用。我在團隊里定了一條規(guī)矩所有CI失敗的用例必須附帶Trace文件否則不算有效報告。這一條讓排查問題的效率提升了很多。幾個值得繼續(xù)深入的方向如果你已經(jīng)把基礎(chǔ)用法掌握了我建議往這幾個方向再深挖一下。一是Playwright Test Runner的完整使用它對斷言、重試、失敗截圖、并行等能力都做了非常好的集成適合純前端團隊。二是和持續(xù)集成體系的融合比如Jenkins或GitLab CI里docker運行Playwright需要注意容器里安裝瀏覽器依賴的問題。三是多環(huán)境驗證結(jié)合多瀏覽器引擎做兼容性覆蓋這是Playwright相對其他工具優(yōu)勢最明顯的地方。最后說一個我自己的體會工具再好不能解決所有測試問題。Playwright把瀏覽器自動化的“工程難度”大大降低了但測試策略、數(shù)據(jù)管理、團隊規(guī)范這些仍然是決定自動化項目成敗的關(guān)鍵。先把工具用熟再認(rèn)真設(shè)計好自己的測試體系自動化測試才會真正成為項目的助力而不是另一個需要維護的負(fù)擔(dān)。