H5测试||测试执行阶段测啥

Dear 丶 2022-12-14 15:55 195阅读 0赞

在完成了需求分析、测试用例编写等流程且拿到前端开发人员给的H5页面的测试链接后，便可以进入测试执行阶段了。那么这一阶段主要测什么呢？  
希望本文能帮你解惑~  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center]

## 1 整体：功能实现 ##

一个H5最基本的是要实现功能，这也是我们测试的必测环节。在实际测试过程中，可以对照流程图，分别从正常情况和异常情况两方面进行测试，确保该H5功能实现且页面间的逻辑正确。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 1]

## 2 局部：页面细节测试及接口健壮性测试 ##

接下来就是逐个页面进行测试了，整个过程可以跟着之前写好的测试用例来走。  
过程中要注意标题等文案是否正确、呈现效果是否出现遮挡等现象、按钮是否与UI设计图一致、数据变化（例如：文案字数变化）是否影响布局等细节问题。  
Bug-例子：  
![在这里插入图片描述][20201014151737775.png_pic_center]

## 3 适配：兼容性测试 ##

H5实际上线后，会有不同的用户去使用，而他们的机型不尽相同。所以我们要保证该H5在不同的手机型号中都能正确显示，这就要进行机型适配测试了，其实就是兼容性测试。  
但是，很明显，我们不可能兼顾到每一个机型，所以我们一般只需要确保市场上的主流机型和系统都没问题就可以了~  
一般常用的机型公司都会备有，这个不需要担心。  
最后给一个2019年常用手机机型分布图（2020年没找到hhh）：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 2]

## 4 其他：异常情况 ##

比如断网的时候页面会如何呈现、服务器连接不上的时候页面会如何呈现、站外打开链接进入活动页面如何呈现等

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/9a72309fe07248088baad093f2b234cc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/7bb75c7c5d25471a90e9cbd33fa0c649.png
[20201014151737775.png_pic_center]: /images/20221123/4a970dd58c4041e081017df15bed02bb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNTQzOTIw_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/83a2cf3a929c4207a0f4dfe30ed9ab28.png