playwright錄制腳本

我喜歡Playwright！ 這是微軟開源的一款非常強大的自動化工具，再過幾年，他很有可能取代Selenium在浏覽器自動化的通知地位。使用過一段時間，我沒有找到很好的中文資料可以參考，導緻很多問題無法得到及時解決，是以我決定自己記錄一下使用的筆記，算是給社群回饋。

在編寫 web 自動化測試用例時，代碼編寫的速度是否快，會影響架構的使用體驗。現在很多的架構都會提供一些輔助功能，幫助我們更快的去編寫自動化測試代碼，而錄制功能是幾乎所有的web自動化工具都會帶的功能。

在實際操作過程中，有 2 個問題影響代碼編寫速度。第一個問題，每次操作前都需要先定位元素，需要編寫元素定位選擇器，這需要我們頻繁檢視網頁的源代碼，如果元素選擇器編寫不夠規範，會引發測試用例失敗。第二個問題，每一步操作都要調用對應的api函數，如果這些函數使用不規範，也會影響程式設計的速度和用例通過。

錄制功能幫助我們解決這些問題。使用錄制功能時，自動打開浏覽器，接下來我們可以手工在浏覽器頁面上進行操作，每個操作步驟都會被錄制器記錄一下，以代碼的方式生成在錄制界面。 當浏覽器操作完成後，可以在界面上暫停錄制，也可以複制已經生成的代碼，儲存到代碼檔案中。

在編寫正式的測試用例代碼前，先通過錄制功能把測試用例步驟錄制下來，自動生成元素的定位方式，自動調用浏覽器操作，會節省很多編寫元素選擇器的時間，有部分 API 函數記不清楚用法的，錄制功能也會幫你自動生成。

通過指令行的 ​

​codegen​

​ 參數可以啟動錄制界面。

playwright codegen https://v4.ketangpai.com/User/login.html      

彈出浏覽器和代碼生成界面，在界面的菜單欄可以停止錄制，複制代碼。代碼可以選擇 Python, Java 或者 JavaScript 等主流語言。手工建立一個代碼檔案儲存複制的代碼。

錄制好的代碼會存在一些不必要的操作，可以直接删除這些不必要的代碼，還會有元素定位的方式不時很合理，需要進一步修正。

雖然錄制會存在一些小問題，但是他能快速生成樣闆代碼，提高我們編寫自動化測試代碼的效率。之後的操作我們都可以沿用這種模式，先通過錄制生成樣闆代碼，再進行小幅度修改後使用。