此文已由作者張青授權網易雲社區發布。

歡迎訪問網易雲社區，了解更多網易技術產品運營經驗。

贊，它的名字叫“小海豚”（我起的小名），大名叫Ghost Inspector。

允許我先迫不及待的說一下它的優點：1、不用碼代碼，只需要錄制一次視頻，想要重跑用例，只需要點擊【Run Test】即可。2、測試環境也能用，上線前，跑一遍主流程，上線才安心。3、成本小，只是Chrome的小插件，不需要下載龐大的軟件。4、可再次編輯，修改用例。5、自動適配不同大小的顯示器。6、粗暴點，不要錢，斯文點，免費。

下面開始進入正題：

一、會安裝Chrome插件的小夥伴，可以跳過此步驟

在Chrome中輸入網址：https://app.ghostinspector.com，頁面跳轉如下：

哈哈哈，首次使用當然沒有賬號啦，果斷註冊一下，點擊【Sign up, it‘s free】，頁面跳轉至

等我們註冊好後，我們就可以安裝Ghost Inspector啦（PS：也可以先安裝Ghost Inspector，再註冊）。

二、接下來就是傻瓜式的錄制過程，小夥伴可以跟著步驟錄制一遍。本次錄制的主題是：將考拉網中“可萊絲”綜合排名第一的面膜添加至購物車。

1、首先點擊Chrome右上角的插件“小海豚”，登陸一下，出現如下頁面，發現默認選擇的是“Create a new test”，正好是我們需要的，此時點擊【Start Recording】即可。

2、然後我們在Chrome瀏覽器中輸入www.kaola.com並回車

3、之後我們在輸入框中輸入“可萊絲”並點擊【查詢】

4、點擊【綜合】

5、點擊綜合排名第一的商品

6、增加數據量為2

7、此時我們點擊一下“小海豚”，再點擊一下【Make Assertion】（稍後解釋有啥作用），然後點擊【加入購物車】，再次點擊【Record Operations】

8、點擊“小海豚”的【I‘m Finished Recording】，頁面如下，我們隨便起一個名字Test_Shopping，然後點擊【Save This Test】，到此錄制過程就結束啦。

9、點擊【View Your Test】查看測試結果，如圖所示，左側是自動生成的用例，右側是回放視頻。

那麽問題來了，為什麽在第7步的時候，我們要點擊【Make Assertion】呢，它的作用是什麽呢？讓我們仔細看一下用例。

原來它可以幫助我們校驗【加入購物車】按鈕是否存在，如果不存在就會報錯。那麽如果這裏我們沒有多點擊一步【Make Assertion】，然後頁面上又沒有【加入購物車】按鈕，會報錯嗎？小夥伴們自行研究一下。

三、常用功能

1、如果想設置某個步驟即使錯誤，用例也可以繼續執行下去。我們只需要在編輯頁面，勾選該用例的【Make this step optional】即可。

2、如果想手動增加用例，可點擊【Add Step】，有各種Operations、Navigation、Assertions供大家選擇。

3、如果想通過錄制視頻增加用例，也可在開始錄制時，選擇【Add steps to an existing test】。

4、如何跑已經錄制過的用例呢，只需要進入網址https://app.ghostinspector.com/ ，點擊【New Suite】-【Test_Shopping】，然後點擊右上角的【Run Test】就可以啦。

話不多說，“小海豚”插件的更多功能等待大家發掘！

免費體驗雲安全(易盾)內容安全、驗證碼等服務

更多網易技術、產品、運營經驗分享請點擊。

相關文章：
【推薦】 用Python解析XMind

納尼？不用碼代碼，就可回歸主流程，一只海豚就可以做到