此文已由作者张青授权网易云社区发布。
欢迎访问网易云社区，了解更多网易技术产品运营经验。
赞，它的名字叫“小海豚”（我起的小名），大名叫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】就可以啦。
话不多说，“小海豚”插件的更多功能等待大家发掘！
更多网易技术、产品、运营经验分享请点击。
相关文章：
【推荐】 基于Docker的UI自动化初探
【推荐】 手把手教你创建私有podspec
原文地址：https://www.cnblogs.com/zyfd/p/9944688.html