测试流程||H5测试

H5测试流程

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

H5是什么

H5（html5的简称）是一系列制作网页互动效果的技术集合，即H5就是移动端的web页面，主要是用于品牌方传播和推广的载体。
实际上，H5就是把广告做成一个场景，通过二维码或者转发链接，让用户更直观的体验互动，场景可以包括：图片、视频、音频、地图、导航、会议报名、产品链接等多个模块，是一种新的移动媒体广告模式。

举个例子吧，比如打开支付宝首页，看到的轮播效果，这里轮播的就是四个不同的H5，点击进去就是对应H5的首页

H5测试流程

1 . 了解负责该项目的相关人员
一个H5的制作到上线，整个流程主要涉及以下人员：运营、产品、交互、前后端开发、测试等。
运营人员：负责与甲方对接，从而给出提出需求（以流程图等形式）；
产品经理：根据需求整理、完善，产出具体需求文档、组织需求评审会议；
UI设计人员：根据需求文档来进行设计，产出UI稿；
前端开发人员：通过切图的方式把设计图转换为代码，并且在网页中显示出来；
后端开发人员：逻辑实现；
测试人员：对该H5进行测试。

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

2 . 研读需求
不少人认为，测试人员介入的时间节点是等H5完全制作出来后，其实非也。
越早介入该项目其实越好，最好的介入时间是在需求设计文档评审确定且开发人员开发前，一方面是为了有充足的时间研读需求，另一方面也可以在未开发前发现需求可能存在的逻辑问题，减少开发成本。
无论是测H5，还是后面测APP，只要是测试，在进行测试之前都必须先研读需求文档，只有掌握了需求，才能更好的完成测试。
在研读需求的过程中，遇到不懂/疑惑的地方可以直接问产品。当对该需求没有问题且对相关逻辑有了初步掌握后，可以对着设计图走一遍，进一步熟悉需求。

3 . 编写测试用例
在掌握了需求后，便可以进行测试用例的编写了（编写工具：xmind、excel等）。
测试用例编写完成后，条件允许的话，可以提交给相关负责人进行用例评审（一般是给这个项目带你的前辈）。不过，实际工作中会发现，很多时候由于时间紧迫，用例评审这一步骤会被毙掉。
往往我们会选择先写测试点，具体测试用例在后面实际测试的过程中再写（主要是因为开发出来的成品有时候和原来的需求设计文档差比较多）。

4 . 执行测试
接下来就是等开发将H5实现出来，就能根据测试用例进行测试了。H5相对简单，主要进行功能测试，还有就是要注意机型兼容以及页面呈现效果与设计图是否一致等。具体可以看后面的文章，这里先不赘述。
在测试过程中，如果发现Bug,记得在对应Bug管理工具上提出来（比如禅道、jira等）。

5 . 确认测试及回归测试
这个阶段又叫测试的反复。在Bug解决后，需要测试人员进行确认测试及回归测试。确保问题解决并且没有引入新Bug。

6 . 后续
确认测试和回归测试完成且没有问题后，便可以让运营/产品验收了。同时如果公司有要求的话，可以撰写测试评估和总结。最后，就是在H5上线的时候，再去生产环境进行回归，确保生产环境正常、木有问题！！
至此，H5测试完成~