H5 测试用例

测试用例：手机上面，smzdm网页的H5页面测试

测试用例：

标题：

优先级：

前置条件：

操作步骤：

第1步：在微信中点击www.smzdm.com

第2步：检查首页

期待结果：首页显示正常，没有UI问题

 

电商H5页面的主流程测试

步骤：

第1步：在手机浏览器上打开www.360kad.com，期待结果：界面显示正常

第2步：在搜索框中，搜索“维生素”期待结果：可以搜索到包含“维生素”的商品。

第3步：添加一个商品到购物车中

第4步：提交订单，  期待结果： 提交订单成功

第5步：取消订单，  期待结果：取消订单成功

第6步：删除订单，  期待结果：删除订单成功

肖佳老师分析： 这个测试用例，可以学习到H5页面是如何测试的。体验下H5的测试和Web测试有什么不同。

 

电商H5页面的前进后退功能

步骤：

第1步：在手机浏览器上打开www.360kad.com，期待结果：界面显示正常

第2步：查看几个商品。

第3步：点击前进和后退按钮。期待结果：通过前进和后退按钮可以跳转到其他页面。

 

电商H5页面的下拉刷新测试

步骤：

第1步：在手机浏览器上打开www.360kad.com，期待结果：界面显示正常

第2步：点击主页，拉到底部。

第3步：继续下拉， 期待结果：会刷新出新的商品。

 

 

电商H5页面的兼容性测试

步骤：（这个测试用例不需要执行，只需要理解）

第1步：在华为Mate30上面打开www.360kad.com, 购买一个商品。期待结果：页面显示操作，功能正常

第2步：在小米红米8手机上面打开www.360kad.com, 购买一个商品。期待结果：页面显示操作，功能正常

第3步：在Ipad的safari中打开www.360kad.com, 购买一个商品。期待结果：页面显示操作，功能正常

肖佳老师分析：兼容性测试是最体力活。

 

H5页面和安卓原生APP的互通测试

步骤

第1步：找一个安卓手机，安装 京东APP。并且登录

第2步：在QQ的聊天窗口中，点击一个 https://item.jd.com/12375396.html    期待结果：点击链接后， 会启动京东的APP，并且打开商品页面。

如果没有自动启动APP（可以点击H5页面上方的打开京东APP）

肖佳老师分析：原生APP，就是指手机上安装的APP。

 

H5页面和苹果原生APP的互通测试

步骤

第1步：找一个苹果手机，安装 京东APP。并且登录

第2步：在QQ的聊天窗口中，点击一个 https://item.jd.com/12375396.html    期待结果：点击链接后， 会启动京东的APP，并且打开商品页面

如果没有自动启动APP（可以点击H5页面上方的打开京东APP）

肖佳老师分析：原生APP，就是指手机上安装的APP。

 

电商H5页面在网络慢的情况下的测试

步骤：（如果不会模拟弱网的情况，暂时不需要执行这个测试用例）

第1步：手机处于网络很慢的情况， 网络的速度是56k/s，比2G速度还慢很多。

第2步：在手机浏览器上打开www.360kad.com，期待结果：界面显示正常

第3步：在搜索框中，搜索“维生素”期待结果：可以搜索到包含“维生素”的商品。

第4步：添加一个商品到购物车中

第5步：提交订单，  期待结果： 提交订单成功

第6步：取消订单，  期待结果：取消订单成功

第7步：删除订单，  期待结果：删除订单成功