揭秘H5与小程序的测试奥秘!

1229 篇文章 11 订阅
682 篇文章 3 订阅

最近接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面和小程序的一些通用测试方法进行总结分享给大家。

H5优势

  • H5可以跨平台,开发成本相对较低;

  • H5可随时上线就更新版本,适合快速迭代;

  • H5可以轻量的触达用户,提供更快捷的服务;

  • 在微信入口或者浏览器上,用户只需点开链接就可以获取我们所提供的服务。

H5劣势

  • H5->的转化强依赖于浏览器;

  • H5目前基本无法将数据存储在本地,依赖实时性数据,网络状态不好的时候卡到哭。

  • 性能相对较低,影响用户体验。

H5功能验证

  • 对于页面中的返回,以及浏览器自带的返回的测试。页面中的返回要考虑业务逻辑,返回到相应层次,需要从用户角度返回的转跳逻辑,不能出现死循环。并要注意返回后是否需要刷新页面请求通过H5页面(非手机自带返回键)的返回功能键返回,可以返回到正确的页面(上一级/退出H5)点击返回与back键,回退页面是否是期望页面。

  • 横屏竖屏相互切换,能自适应,并且布局不会乱掉;或页面只支持横或竖屏限制。

  • 在手机上从list点击进入detail页面,要在原窗口打开,这样可以通过页头的返回按钮返回,而不需要通过手机的返回键返回,这样交互上更友好。

  • 关注页面请求,是否会有多余的请求,或者请求后有多余的数据返回,尽量精简,否则会浪费流量。

  • 图片适配测试,根据不同屏幕和分辨率做适配,以及适配后的清晰度,高端机取双倍尺寸的图--app兼容测试。

现在我也找了很多测试的朋友,做了一个分享技术的交流群,共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源,没人解答问题,坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化,性能,安全,测试开发等等方面有一定建树的技术大牛
分享他们的经验,还会分享很多直播讲座和技术沙龙
可以免费学习!划重点!开源的!!!
qq群号:691998057【暗号:csdn999】

小程序测试技术

小程序的特点
  • 类似WEB.非HTML5

  • 即用即走,随手可得

  • 拥有离线能力

  • 基于微信跨平台

  • 媲美原生操作体验

小程序的入口
  • 扫码进入小程序

  • 搜索小程序

  • 小程序发送到桌面(Android)

  • 发送给朋友

小程序的架构
  • 微信小程序的框架包含两部分,View视图层、App Serive逻辑层,View视图层用力啊渲染页面结构,App Serive逻辑层用来逻辑处理、数据请求、接口调用,它们在两个线程里运行。

  • View视图层使用WebView渲染,App Serive逻辑层使用JSCore运行。

  • View视图层和App Serive逻辑层通过系统层的JSBrigdage进行通信,App Serive逻辑层把数据变化通知到WebView渲染,触发WebView渲染页面更新,WebView渲染把触发的事件通知到App Serive逻辑层进行业务处理。

小程序的测试点

功能测试
  • 输入

  • 输出

  • 边界值

  • 页面交互---微信小程序里面界面交互

  • 系统问题方面测试--低电,来电话,数据线插拔,充电状态,重启等情况

界面测试
  • 设计是否美观

  • 是否符合需求说明

  • 尺寸是否合理

  • 对于横竖屏切换使用好不同手机分辨率和尺寸的要求是否符合

兼容性测试
  • 操作系统---IOS、Android

  • 微信版本--小程序的api(接口)库

  • 其他微信小程序

  • 屏幕大小和分辨率因素

  • 不同网络状态下的测试---2G/3G/4G/WIFI

与微信功能的交互测试
  • 入口--下拉框、发现模块搜索

  • 交易--微信钱包、微信卡包

  • 与微信其他功能的切换--抢红包、文字聊天、语音聊天、视频通话

性能测试
  • 页面响应时间

  • 资源占用

  • 渲染时间

  • 耗电量

  • 白屏时间

  • 帧率

安全性测试
  • 接口测试--传递的数据的安全性

  • 危险账号授权

  • 与小程序的app账号关联

易用性测试
  • 是否方便使用

  • 提示信息是否完整

  • 各个功能是否可用

  • 是否方便查找

  • 是否可以离线使用

  • 进入小程序过程是否简单易操作

其他注意事项
  • 小程序升级更新--一般为强制升级和更新

  • 小程序目前不支持分享至朋友圈,但是可以用图片的方式分享至朋友圈

  • 小程序的添加和删除

  • 微信端取消授权登录

下面是配套资料,对于做【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴我走过了最艰难的路程,希望也能帮助到你!

最后: 可以在公众号:程序员小濠 ! 免费领取一份216页软件测试工程师面试宝典文档资料。以及相对应的视频学习教程免费分享!,其中包括了有基础知识、Linux必备、Shell、互联网程序原理、Mysql数据库、抓包工具专题、接口测试工具、测试进阶-Python编程、Web自动化测试、APP自动化测试、接口自动化测试、测试高级持续集成、测试架构开发测试框架、性能测试、安全测试等。

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!

  • 19
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值