生成測試
簡介
Playwright 內建了生成測試的功能,是快速開始測試的好方法。它會打開兩個視窗,一個是與你希望測試的網站互動的瀏覽器視窗,另一個是 Playwright Inspector 視窗,你可以在其中記錄你的測試、複製測試、清除測試以及更改測試的語言。
你將學到
執行程式碼產生器
使用 codegen
命令來執行測試產生器,後面跟著你想要生成測試的網站 URL。URL 是可選的,你可以隨時在沒有它的情況下執行命令,然後直接將 URL 添加到瀏覽器窗口中。
playwright codegen demo.playwright.dev/todomvc
錄製測試
執行 codegen
並在瀏覽器中執行操作。Playwright 會為使用者互動生成程式碼。Codegen
會查看渲染的頁面並找出推薦的定位器,優先考慮角色、文本和測試 ID 定位器。如果生成器識別出多個匹配定位器的元素,它會改進定位器,使其具有彈性並唯一識別目標元素,從而消除和減少由於定位器導致的測試失敗 和不穩定。
使用測試產生器,你可以記錄:
- 像點擊或填寫這樣的操作,只需與頁面互動
- 透過點擊工具列上的其中一個圖標,然後點擊頁面上的一個元素來進行斷言。你可以選擇:
'assert visibility'
來斷言一個元素是可見的'assert text'
來斷言一個元素包含特定的文本'assert value'
來斷言一個元素具有特定的值
當你完成與頁面互動時,按下'record'
按鈕以停止錄製,並使用'copy'
按鈕將產生的程式碼複製到你的編輯器。
使用 'clear'
按鈕來清除程式碼以重新開始錄製。完成後關閉 Playwright 檢查器視窗或停止終端機命令。
要了解更多有關生成測試的資訊,請查看我們的程式碼產生器詳細指南。
產生定位器
你可以使用測試產生器生成定位器。
- 按下
'Record'
按鈕停止錄製,然後會出現'Pick Locator'
按鈕。 - 點擊
'Pick Locator'
按鈕,然後將滑鼠懸停在瀏覽器視窗中的元素上,以查看每個元素下方突出顯示的定位器。 - 要選擇定位器,請點擊您想要定位的元素,該定位器的程式碼將出現在 Pick Locator 按鈕旁邊的定位器操作區中。
- 然後,您可以在定位器操作區中編輯定位器以進行微調,並在瀏覽器視窗中查看匹配的元素突出顯示。
- 使用複製按鈕複製定位器並將其貼到您的程式碼中。
模擬
您還可以使用模擬來生成測試,以便為特定的視口、設備、配色方案生成測試,並模擬地理位置、語言或時區。測試生成器還可以在保留身份驗證狀態的同時生成測試。查看 測試產生器 指南以了解更多資訊。