前端页面测试如何定位漏测代码

Hi-CodeCaptain

已于 2024-09-12 17:00:51 修改

阅读量309

点赞数 15

分类专栏： Hi-CC魔法球文章标签：经验分享前端测试覆盖率代码覆盖率 javascript

于 2024-09-12 16:32:25 首次发布

本文链接：https://blog.csdn.net/weixin_68153586/article/details/142166470

版权

Hi-CC魔法球专栏收录该内容

2 篇文章 0 订阅

订阅专栏

前端页面测试如何定位漏测代码

本文由某股份制银行测试部孙某特约分享

前端UI测试历来是个“细致活”，在多个版本持续迭代发布时，精力通常聚焦在新功能或者刚修复完缺陷的功能。难免会遗漏一些“深层次”功能未测试到，上线才被用户发现。这是广大测试同学的心结，“这之前都测试过，怎么会有问题，要是上线前点到那个功能就能看到这个bug了”。

现在有一个“防漏测神器”可以让大家不再担心漏测了。这个工具是一个免费浏览器插件，安装后即可使用（下载地址请看文章最后一段），能在手工测试开展的同时，显示一个代码覆盖率水位球，显示测试已经覆盖了多少代码，哪些代码还没有覆盖。这在以前，是自动化测试才能做到的。

一图胜前言，看下面的动图，是模拟测试一个“待办事项”应用的展示：
在这里插入图片描述
从上图可以看到，“待办事项”这个应用刚加载的时候，覆盖率是32%，随着功能的使用，代码覆盖率很快达到了90%，还显示了三行未覆盖代码的行号。
有的测试同学会说，我也不知道这个未覆盖的代码行是哪行具体代码，知道了也不知道是干什么的。其实，我们可以拷贝这个行号给开发同学，他们能告诉我们是哪个功能还没有测试到。这正是开发测试协作的正确方式，我们不止是反馈bug给他们，还反馈了当前尚未测试到的代码行，让他们协助我们完善测试，正如我们协助他们完善功能一样。

眼神厉害的同学能发现，还有 “今日覆盖率累计” 和 “历史覆盖率累计”这两个开关。Hi-CC魔法球可以自动累计当天的测试覆盖率数据。我们上午测了，覆盖率到了69%，中午休息回来，再次开启测试，可以从69%开始再继续测试。
在这里插入图片描述而历史覆盖率累计更是让我们在一个测试阶段中，可以持续测试，比如一周5天内，数据能持续累积，每天一条数据。即使中间开发同学修复了几个小缺陷，版本变化了，数据依然能够累计。当然，我们也能看到这些累计数据，可以主动清理，以排除太老版本的数据。
在这里插入图片描述 Btw：我们不需要点击什么保存按钮，这些数据会“悄悄”，自动的保存下来。