本文为个人学习整理笔记仅用于技术交流与学习分享一、小程序基础概念小程序英文名Mini Program是一种无需下载安装即可直接使用的应用形态通常内嵌在宿主APP中运行我们最常见的就是微信里的各类小程序。小程序在发布流程中主要分为三个版本开发版、体验版和正式版。其中正式版需要提交微信官方平台审核通过后才能上线开发版和体验版则不用审核只要给对应微信账号开通权限扫码即可直接访问使用。二、小程序架构原理小程序整体采用双线程架构主要分为View视图层和AppService逻辑层两个部分运行在相互独立的线程中。View视图层负责页面结构渲染和样式展示AppService逻辑层负责业务逻辑处理、数据请求与接口调用两层之间通过系统层的JSBridge完成数据和事件的双向通信。小程序架构分层说明层级主要职责特点说明View视图层负责页面结构、样式展示与UI渲染独立线程避免JS阻塞渲染由 wxml 和 wxss 构成AppService逻辑层处理业务逻辑、发起数据请求、调用API独立线程运行封装小程序JS接口供业务使用JSBridge通信层视图层与逻辑层之间的数据、事件传递实现双向通信同步状态与交互行为Native System系统层提供底层原生能力支持封装网络、文件、权限等系统能力供上层调用三、小程序测试重点内容1. 功能测试小程序的功能测试思路和常规APP测试基本一致。我们可以按照功能模块逐级拆分覆盖业务流程、数据流转、入口有效性、页面交互等完整场景。同时要特别注意小程序是运行在微信内部的和微信本身有很强的关联测试时必须关注小程序在微信内的各种入口是否正常涉及支付、卡券等交易相关功能时与微信钱包、卡包的联动是否正常2. 权限相关测试未授权微信登录时使用需要账号信息的业务功能应弹出提示引导授权提交数据到后台时应提示完善身份信息后再操作已完成微信授权后小程序可获取对应微信账号的基础信息可直接以当前微信身份进行咨询、查询、支付等操作同一微信号在不同设备上登录小程序展示的数据和可操作权限应保持一致。3. UI页面测试小程序UI测试同样要对照产品原型和设计稿检查布局、配色、字体、间距等是否一致。重点关注控件展示、文字内容、页面美观度、交互友好性、操作便捷性。另外有一个细节微信小程序页面跳转层级不能超过10层如果跳转路径过长会出现无法继续跳转的情况测试时需要留意。4. 兼容性测试1手机系统兼容iOS 上小程序逻辑基于 JavaScriptCore 运行Android 上则使用 X5 内核两者渲染和逻辑执行存在差异。测试尽量覆盖主流机型如华为、小米、iPhone 等常见型号以及主流系统版本。2微信版本兼容小程序的 API 能力依赖微信版本高版本 SDK 实现的功能在低版本微信上可能不兼容。测试前要先明确项目所使用的基础库版本以及对应的最低支持微信版本。3屏幕尺寸适配小程序使用 rpx 自适应单位做屏幕适配但在部分机型如 iPhone 7 Plus上1rpx 容易出现线条模糊、显示异常需要重点验证。5. 性能测试小程序性能可分为两部分服务端性能等同于接口性能测试关注响应时间、并发、吞吐量等客户端性能关注白屏时间、首屏加载速度、CPU/内存/流量/电量消耗以及页面滑动流畅度6. 网络测试网络测试可参考APP测试标准主要包括WiFi、5G/4G/3G 等不同网络切换有网、无网状态切换弱网、高延迟、丢包场景下的表现四、H5 基础理解H5 通常指 HTML5是 HTML 的第五个版本也是一套包含 HTML、CSS、JavaScript 的前端技术组合。简单理解H5 本质上就是一个可以在浏览器里打开的网页。日常说的 H5 一般指移动端网页应用不需要安装通过浏览器或内置 webview 即可访问能实现动画、交互、多媒体等丰富效果。五、H5 测试重点内容1. 功能测试H5 的基础功能测试和APP、小程序思路一致同时要重点关注 H5 特有的场景登录态、翻页、刷新、返回键行为锁屏、前后台切换、横竖屏切换多标签页、清除缓存、外链打开等1登录相关H5 经常和原生APP共用登录状态测试要点APP已登录时打开H5应自动保持登录APP未登录时H5需要登录应能拉起APP登录页取消登录后应能正常再次拉起并有清晰提示2翻页加载列表分页加载时要检查单页、多页数据是否正常快速连续滑动时页码是否正确递增避免重复请求或漏页。3刷新与返回刷新后是否停留在当前页刷新或加载时页面是否抖动、闪烁系统返回键、页面返回键是否按预期回退4手机系统交互弹窗出现时是否会穿透点击下层页面锁屏再解锁后页面展示是否正常切后台再切回前台状态是否保持2. UI页面测试H5 的UI同样要对照设计稿校验布局、文字、样式、交互。额外注意多浏览器Chrome、Safari、微信浏览器等展示一致性页面缩放、滚动时是否错位、变形3. 兼容性测试1浏览器兼容需要覆盖手机浏览器QQ、UC、百度等、PC浏览器IE、Chrome、火狐以及安卓、iOS自带浏览器。2系统兼容覆盖主流 Android 和 iOS 系统版本。3屏幕适配兼容不同分辨率手机同时验证横竖屏切换布局是否正常。4. 接口测试H5 调用的也是后端通用接口测试逻辑和普通接口一致。重点关注刷新、返回时接口是否重复请求、重复提交弱网、断网重连后接口是否正常恢复不同浏览器下 Cookie、请求头是否正常携带5. 网络测试与小程序网络测试类似同时额外关注浏览器缓存策略对加载的影响弱网下刷新、回退的稳定性6. 性能测试服务端性能依旧是接口性能客户端性能首屏时间、白屏时间、有无缓存加载差异图片大小、资源压缩、CDN加载是否合理静态资源是否做缓存大量数据是否分页频繁进出页面是否内存泄漏以上就是小程序和 H5 测试的完整学习总结啦都是实战中高频用到的核心内容。如果对你有帮助欢迎点赞❤️收藏⭐关注我会持续更新软件测试干货