產生測試
簡介
Playwright 提供了開箱即用的測試產生功能，是快速開始測試的好方法。它會開啟兩個視窗，一個是您與要測試的網站互動的瀏覽器視窗，另一個是 Playwright Inspector 視窗，您可以在其中錄製測試、複製測試、清除測試以及變更測試的語言。
您將學到
執行 Codegen
使用 codegen 命令來執行測試產生器，後面接著您要產生測試的網站 URL。URL 是選填的，您可以隨時在不輸入 URL 的情況下執行命令，然後直接將 URL 新增到瀏覽器視窗中。
npx playwright codegen demo.playwright.dev/todomvc
錄製測試
執行 codegen 並在瀏覽器中執行動作。Playwright 將會產生使用者互動的程式碼。Codegen 將會查看呈現的頁面，並找出建議的定位器，優先考量 role、text 和 test id 定位器。如果產生器識別出多個元素符合定位器，它將會改進定位器，使其更具彈性並能唯一識別目標元素，從而消除和減少因定位器而導致測試失敗和不穩定的情況。
使用測試產生器，您可以錄製
- 透過與頁面互動來錄製點擊或填寫等動作
- 透過點擊工具列中的其中一個圖示，然後點擊頁面上的元素來斷言。您可以選擇
'assert visibility'來斷言元素是否可見'assert text'來斷言元素是否包含特定文字'assert value'來斷言元素是否具有特定值
當您完成與頁面的互動後，按下 'record' 按鈕停止錄製，並使用 'copy' 按鈕將產生的程式碼複製到您的編輯器。
使用 'clear' 按鈕清除程式碼以重新開始錄製。完成後，關閉 Playwright inspector 視窗或停止終端機命令。
若要深入瞭解產生測試，請查看我們關於 Codegen 的詳細指南。
產生定位器
您可以使用測試產生器產生定位器。
- 按下
'Record'按鈕停止錄製，'Pick Locator'按鈕將會出現。 - 點擊
'Pick Locator'按鈕，然後將滑鼠懸停在瀏覽器視窗中的元素上方，以查看每個元素下方突出顯示的定位器。 - 若要選擇定位器，請點擊您要定位的元素，該定位器的程式碼將會出現在「Pick Locator」按鈕旁邊的定位器遊樂場中。
- 然後，您可以在定位器遊樂場中編輯定位器以微調它，並在瀏覽器視窗中查看突出顯示的匹配元素。
- 使用複製按鈕複製定位器，並將其貼到您的程式碼中。
模擬
您也可以使用模擬來產生測試，以便為特定的視窗大小、裝置、色彩配置產生測試，以及模擬地理位置、語言或時區。測試產生器也可以在保留驗證狀態的情況下產生測試。查看測試產生器指南以瞭解更多資訊。