產生測試
簡介
Playwright 可以自動產生測試，提供快速開始測試的方法。Codegen 會開啟瀏覽器視窗供互動，以及 Playwright Inspector 用於錄製、複製和管理您產生的測試。
您將學習
執行 Codegen
使用 codegen 指令執行測試產生器，後面跟著您想要產生測試的網站 URL。URL 是可選的，如果省略可以直接在瀏覽器視窗中加入。
npx playwright codegen demo.playwright.dev/todomvc
錄製測試
執行 codegen 並在瀏覽器中執行動作。Playwright 會自動為您的互動產生程式碼。Codegen 會分析渲染的頁面並建議最佳定位器，優先使用角色、文字和測試 ID 定位器。當多個元素符合定位器時，產生器會改進它以唯一識別目標元素，減少測試失敗和不穩定性。
使用測試產生器您可以錄製：
- 動作，如透過與頁面互動來點擊或填入
- 斷言，透過點擊工具列圖示，然後點擊頁面元素來進行斷言。您可以選擇：
'assert visibility'斷言元素可見'assert text'斷言元素包含特定文字'assert value'斷言元素具有特定值
當您完成與頁面的互動後，按 'record' 按鈕停止錄製，並使用 'copy' 按鈕將產生的程式碼複製到您的編輯器。
使用 'clear' 按鈕清除程式碼並重新開始錄製。完成後，關閉 Playwright Inspector 視窗或停止終端機指令。
要了解更多關於產生測試的資訊，請查看我們的 Codegen 詳細指南。
產生定位器
您可以使用測試產生器產生定位器。
- 按
'Record'按鈕停止錄製，'Pick Locator'按鈕將會出現 - 點擊
'Pick Locator'按鈕並在瀏覽器視窗中懸停在元素上，查看每個元素下方突出顯示的定位器 - 點擊您想要定位的元素，該定位器的程式碼將出現在 Pick Locator 按鈕旁邊的定位器遊樂場中
- 在定位器遊樂場中編輯定位器以進行微調，並查看瀏覽器視窗中突出顯示的相符元素
- 使用複製按鈕複製定位器並貼到您的程式碼中
模擬
您可以使用模擬功能為特定檢視區、裝置、色彩配色、地理位置、語言或時區產生測試。測試產生器也可以保留已驗證狀態。查看測試產生器指南以了解更多。