纳尼？不用码代码，就可回归主流程，一只海豚就可以做到

此文已由作者张青授权网易云社区发布。

欢迎访问网易云社区，了解更多网易技术产品运营经验。

赞，它的名字叫“小海豚”（我起的小名），大名叫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】就可以啦。

话不多说，“小海豚”插件的更多功能等待大家发掘！

免费体验云安全(易盾)内容安全、验证码等服务

更多网易技术、产品、运营经验分享请点击。

相关文章：
【推荐】 深入浅出“跨视图数据粒度计算”--1、理解数据的粒度
【推荐】 分布式存储系统可靠性系列一：如何估算
【推荐】 网易美学-系统架构系列1-分布式与服务化