跳到主要內容

產生測試

簡介

Playwright 內建產生測試的功能,是快速開始測試的好方法。它會開啟兩個視窗,一個是您與要測試的網站互動的瀏覽器視窗,另一個是 Playwright Inspector 視窗,您可以在其中錄製測試、複製測試、清除測試以及變更測試的語言。

您將學到

執行 Codegen

使用 codegen 命令來執行測試產生器,後面接著您要產生測試的網站 URL。URL 是選填的,您可以隨時在不輸入 URL 的情況下執行命令,然後直接將 URL 新增到瀏覽器視窗中。

mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="codegen demo.playwright.dev/todomvc"

錄製測試

執行 codegen 並在瀏覽器中執行動作。Playwright 將產生使用者互動的程式碼。Codegen 將查看呈現的頁面,並找出建議的定位器,優先考量 role、text 和 test id 定位器。如果產生器識別出多個元素符合定位器,它將改進定位器,使其具有彈性並唯一識別目標元素,從而消除和減少因定位器而導致的測試失敗和不穩定。

使用測試產生器,您可以錄製

  • 只需與頁面互動即可進行點擊或填寫等動作
  • 透過點擊工具列中的其中一個圖示,然後點擊頁面上的元素以進行斷言來進行斷言。您可以選擇
    • 'assert visibility' 以斷言元素是否可見
    • 'assert text' 以斷言元素是否包含特定文字
    • 'assert value' 以斷言元素是否具有特定值

recording a test

當您完成與頁面的互動後,按下 'record' 按鈕以停止錄製,並使用 'copy' 按鈕將產生的程式碼複製到您的編輯器。

使用 'clear' 按鈕清除程式碼以重新開始錄製。完成後,關閉 Playwright inspector 視窗或停止終端機命令。

若要深入瞭解產生測試,請查看我們關於 Codegen 的詳細指南。

產生定位器

您可以使用測試產生器產生定位器

  • 按下 'Record' 按鈕停止錄製,然後會出現 'Pick Locator' 按鈕。
  • 點擊 'Pick Locator' 按鈕,然後將滑鼠懸停在瀏覽器視窗中的元素上方,以查看每個元素下方突出顯示的定位器。
  • 若要選擇定位器,請點擊您要定位的元素,該定位器的程式碼將會出現在「Pick Locator」按鈕旁邊的定位器遊樂場中。
  • 然後您可以在定位器遊樂場中編輯定位器以進行微調,並在瀏覽器視窗中查看突出顯示的匹配元素。
  • 使用複製按鈕複製定位器並將其貼到您的程式碼中。

picking a locator

模擬

您也可以使用模擬來產生測試,以便為特定的視窗大小、裝置、配色方案產生測試,以及模擬地理位置、語言或時區。測試產生器也可以在保留已驗證狀態的情況下產生測試。查看測試產生器指南以瞭解更多資訊。

下一步