Chrome實現自動化測試:錄製回放網頁動作

和牛發表於2022-07-14

Chrome 瀏覽器是真的恐怖,它會把相關的小工具都卷死。從它誕生至今,創造了一個又一個的傳奇,現在可以看到基於它的作業系統 chrome os ,還能買到用它做系統的膝上型電腦。

最近,新版本支援錄製和回放功能了。有了這個功能,你可以把在瀏覽器當中的操作全記錄下來,儲存到本地,然後通過回放重複執行。

這真是懶癌患者的福音啊, 輕輕鬆鬆告別重複性工作。無論是自動化辦公、自動化測試、爬蟲,都可以用。

現在先來看一下怎麼使用它吧。首先,把瀏覽器升級到最新的版本,目前我的瀏覽器版本98,接著我們在開發者工具當中開啟錄製功能。

img

錄製功能開啟以後呢,可以在開發者工具當中檢視到 Recorder 標籤,點選 + 號或者 new record 按鈕開始新的錄製操作。

img

這個是官網的視訊,可以看看:

https://player.bilibili.com/player.html?bvid=BV11L4y1v76C

使用錄製功能時,先點選 Start Record 按鈕開始錄製,之後在瀏覽器中所有的操作就會被記錄下來,錄製結束後,點選結束。在 Recorder 標籤下會展示所有已經被錄製的指令碼,點選 Replay 可以回放之前的操作,這個過程是自動的,不再需要手工參與。

在測試過程中主要有兩種應用場景:

1、在進行探索式測試時,可以快速記錄自己的測試操作,方便後面補用例。

2、把手工測試的步驟轉化成自動化測試的程式碼。目前支援直接匯出 puppeter 指令碼,如果不使用 puppeter, 可以自己寫工具轉化成其他工具的程式碼。

應付日常一些重複性的雜亂工作,戳戳有餘,比如空餘時間摸魚看看新聞。訪問每個新聞網站的操作錄製一個指令碼,每次要用的時候直接去執行這個 recording 。這個是摸魚的視訊:https://player.bilibili.com/player.html?bvid=BV1aR4y157ie

相關文章