H5测试||测试流程

H5测试流程

进入公司，在了解了公司基本业务后，一些公司可能会直接让测试实习人员从实践中进一步了解相关业务。比较常见的是给你一个H5，让你来测（当然也会安排一个前辈带你）。今天就来聊聊测试H5的相关流程叭~

H5是什么

H5（html5的简称）是一系列制作网页互动效果的技术集合，即H5就是移动端的web页面，主要是用于品牌方传播和推广的载体。
实际上，H5就是把广告做成一个场景，通过二维码或者转发链接，让用户更直观的体验互动，场景可以包括：图片、视频、音频、地图、导航、会议报名、产品链接等多个模块，是一种新的移动媒体广告模式。
在这里插入图片描述
举个例子吧，比如打开支付宝首页，看到的轮播效果，这里轮播的就是四个不同的H5，点击进去就是对应H5的首页

在这里插入图片描述

H5测试流程

1 . 了解负责该H5的相关人员
一个H5的制作到上线，整个流程主要涉及以下人员：运营人员、UI设计人员、前端开发人员、后端开发人员、测试人员。
运营人员：负责与甲方对接，从而给出该H5的需求（以流程图等形式）；
UI设计人员：根据运营给出的需求来进行设计；
前端开发人员：通过切图的方式把设计图转换为代码，并且在网页中显示出来；
后端开发人员：逻辑实现；
测试人员：对该H5进行测试。
在这里插入图片描述

作为测试人员，肯定是要了解负责该项目的其他相关人员的，以便在测试过程中发现问题时能快速找到对应的人解决问题。

2 . 研读需求
不少人认为，测试人员介入的时间节点是等H5完全制作出来后，其实非也。
越早介入该项目其实越好，最好的介入时间是在需求设计文档评审确定且开发人员开发前，一方面是为了有充足的时间研读需求，另一方面也可以在未开发前发现需求可能存在的逻辑问题，减少开发成本。
无论是测H5，还是后面测APP，只要是测试，在进行测试之前都必须先研读需求文档，只有掌握了需求，才能更好的完成测试。
在研读需求的过程中，遇到不懂/疑惑的地方可以直接问运营。当对该需求没有问题且对相关逻辑有了初步掌握后，可以对着设计图走一遍，进一步熟悉需求。
在这里插入图片描述
3 . 编写测试用例
在掌握了需求后，便可以进行测试用例的编写了（编写工具：xmind、excel等）。
测试用例编写完成后，条件允许的话，可以提交给相关负责人进行用例评审（一般是给这个项目带你的前辈）。不过，实际工作中会发现，很多时候由于时间紧迫，用例评审这一步骤会被毙掉。
而且一些测试人员会选择先写测试点，具体测试用例在后面实际测试的过程中再写（主要是因为开发出来的成品有时候和原来的需求设计文档差比较多）。不过我个人认为，H5很少会出现这种情况，所以我都是在H5开发完成前就完成测试用例的编写，不过还是看个人及公司的实际情况。

4 . 执行测试
接下来就是等开发将H5实现出来，就能根据测试用例进行测试了。H5相对简单，主要进行功能测试，还有就是要注意机型兼容以及页面呈现效果与设计图是否一致等。具体可以看后面的文章，这里先不赘述。
在测试过程中，如果发现Bug,记得在对应Bug管理工具上提出来（比如禅道、jira等）。
在这里插入图片描述
5 . 确认测试及回归测试
这个阶段又叫测试的反复。在Bug解决后，需要测试人员进行确认测试及回归测试。确保问题解决并且没有引入新Bug。