最新H5和小程序测试点分析(1)，2024年最新看这一篇就够了

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

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

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

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

小程序测试技术

小程序的特点

1.类似WEB.非HTML5
2.即用即走，随手可得
3.拥有离线能力
4.基于微信跨平台
5.媲美原生操作体验

小程序的入口

1.扫码进入小程序
2.搜索小程序
3.小程序发送到桌面（Android）
4.发送给朋友

小程序的架构

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

2.View视图层使用WebView渲染，App Serive逻辑层使用JSCore运行。

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

小程序的测试点

1.功能测试

输入
输出
边界值
页面交互—微信小程序里面界面交互
系统问题方面测试–低电，来电话，数据线插拔，充电状态，重启等情况

2.界面测试

设计是否美观
是否符合需求说明
尺寸是否合理
对于横竖屏切换使用好不同手机分辨率和尺寸的要求是否符合

3.兼容性测试

操作系统—IOS、Android
微信版本–小程序的api(接口)库
其他微信小程序
屏幕大小和分辨率因素
不同网络状态下的测试—2G/3G/4G/WIFI

4.与微信功能的交互测试

入口–下拉框、发现模块搜索
交易–微信钱包、微信卡包
与微信其他功能的切换–抢红包、文字聊天、语音聊天、视频通话

5.性能测试

页面响应时间
资源占用
渲染时间
耗电量
白屏时间
帧率

6.安全性测试

接口测试–传递的数据的安全性
危险账号授权
与小程序的app账号关联

7.易用性测试

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

需要这份系统化的资料的朋友，可以戳这里获取