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

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

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


赞,它的名字叫“小海豚”(我起的小名),大名叫Ghost Inspector。

允许我先迫不及待的说一下它的优点:1、不用码代码,只需要录制一次视频,想要重跑用例,只需要点击【Run Test】即可。2、测试环境也能用,上线前,跑一遍主流程,上线才安心。3、成本小,只是Chrome的小插件,不需要下载庞大的软件。4、可再次编辑,修改用例。5、自动适配不同大小的显示器。6、粗暴点,不要钱,斯文点,免费。

下面开始进入正题:

一、会安装Chrome插件的小伙伴,可以跳过此步骤

在Chrome中输入网址:https://app.ghostinspector.com,页面跳转如下:

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第1张图片

哈哈哈,首次使用当然没有账号啦,果断注册一下,点击【Sign up, it's free】,页面跳转至

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第2张图片

等我们注册好后,我们就可以安装Ghost Inspector啦(PS:也可以先安装Ghost Inspector,再注册)。

二、接下来就是傻瓜式的录制过程,小伙伴可以跟着步骤录制一遍。本次录制的主题是:将考拉网中“可莱丝”综合排名第一的面膜添加至购物车。

1、首先点击Chrome右上角的插件“小海豚”,登陆一下,出现如下页面,发现默认选择的是“Create a new test”,正好是我们需要的,此时点击【Start Recording】即可。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第3张图片

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】,到此录制过程就结束啦。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第4张图片

9、点击【View Your Test】查看测试结果,如图所示,左侧是自动生成的用例,右侧是回放视频。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第5张图片

那么问题来了,为什么在第7步的时候,我们要点击【Make Assertion】呢,它的作用是什么呢?让我们仔细看一下用例。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第6张图片

原来它可以帮助我们校验【加入购物车】按钮是否存在,如果不存在就会报错。那么如果这里我们没有多点击一步【Make Assertion】,然后页面上又没有【加入购物车】按钮,会报错吗?小伙伴们自行研究一下。

三、常用功能

1、如果想设置某个步骤即使错误,用例也可以继续执行下去。我们只需要在编辑页面,勾选该用例的【Make this step optional】即可。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第7张图片

2、如果想手动增加用例,可点击【Add Step】,有各种Operations、Navigation、Assertions供大家选择。

纳尼?不用码代码,就可回归主流程,一只海豚就可以做到_第8张图片

3、如果想通过录制视频增加用例,也可在开始录制时,选择【Add steps to an existing test】。

4、如何跑已经录制过的用例呢,只需要进入网址https://app.ghostinspector.com/ ,点击【New Suite】-【Test_Shopping】,然后点击右上角的【Run Test】就可以啦。

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




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

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


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

你可能感兴趣的:(纳尼?不用码代码,就可回归主流程,一只海豚就可以做到)