【测试基础第十篇】h5测试&小程序测试
- 小程序
- 小程序是什么
- 简介-微信产品经理
- “小程序是一种不需要下载安装即可使周的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了【用完即走】的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,随时可用。但又无制安装。--微信之父:张小龙
- 一句话解释:微信小程序是运行在微信里的APP
- “小程序是一种不需要下载安装即可使周的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了【用完即走】的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,随时可用。但又无制安装。--微信之父:张小龙
- 是什么
- 英文名Mini Program,是一种不需要 下载安装即可使用的应用,是内嵌在微信APP里面的一款新形态软件。
- 小程序产品的版本类型分为:开发版--开发环境、体验版--测试环境、正式版--生产环境。
- 正式版是需要经过微信审核的。开发版、体验版无需审核,只需要给指定的微信号权限,然后扫小程序的二维码就能访问。
- 注意:除了微信小程序,还有百度小程序、微信小程序、支付宝小程序、抖音小程序,都是每个平台自己开发的,都是有针对性平台的应用程序。
- 英文名Mini Program,是一种不需要 下载安装即可使用的应用,是内嵌在微信APP里面的一款新形态软件。
- 简介-微信产品经理
- 小程序架构
- 包含View视图层、AppService逻辑层。 View层用来渲染页面结构,AppService层用来逻辑处理数据请求、接口调用,它们在两个线程里运行。视图层和逻辑层通过系统层的JSBridage进行通信。
- 包含View视图层、AppService逻辑层。 View层用来渲染页面结构,AppService层用来逻辑处理数据请求、接口调用,它们在两个线程里运行。视图层和逻辑层通过系统层的JSBridage进行通信。
- 小程序测试点
- 功能
- 功能测试和APP的功能测试一样。根据设计好的各个大类功能模块划分,然后再逐级细化,覆盖到每个功能尽可能全面的测试点。包括业务流程、数据流向、功能入口有效性检查、交互性检查测试。
- 注意:小程序除了本身功能的交互,它还和微信客户端有着交集。a.入口 b.交易:小程序支持交易,那么它与微信的钱包,卡包,是有联系的,需要测试--与微信的交互测试
- 入口--选择常用主流的入口,问产品,看看用户进哪个多
- 功能测试和APP的功能测试一样。根据设计好的各个大类功能模块划分,然后再逐级细化,覆盖到每个功能尽可能全面的测试点。包括业务流程、数据流向、功能入口有效性检查、交互性检查测试。
- 权限--考虑宿主应用的权限
- 未授权微信登录小程序
- 未授权时,使用一些业务功能的时候, 都会弹出提醒‘先授权再操作对应功能
- 在提交数据到后台的时候,会提示补充相关身份信息才能提交。
- 未授权时,使用一些业务功能的时候, 都会弹出提醒‘先授权再操作对应功能
- 已授权微信登录小程序
- 授权微信访问小程序,意味着自己的微信账号可被小程序管理方获取;
- 自动以微信的身份行使业务操作权限,比如咨询、支付、数据查询等。
- 授权微信访问小程序,意味着自己的微信账号可被小程序管理方获取;
- 所能查看的数据和操作的权限都应该是同步一致的, 同一微信号在不同手机端登录授权查看数据权限是一样的。
- 未授权微信登录小程序
- UI页面
- 小程序的页面测试和APP的界面测试一样,确保产品UI符合产品经理制定的原型图与u设计效果图/切图一致
- 关注页面展示元累,如菜单、对话框、窗口和其他可视控件的布局、风格,文字是否正确,页面是否美观,页面交互操作是否友好。操作是否设计频繁、是否易操作。
- 注意:微信小程序页面层级跳转不能超过10次。达到10次就无法继续往下跳转了 --- 不要超过10级,开发解决
- 小程序的页面测试和APP的界面测试一样,确保产品UI符合产品经理制定的原型图与u设计效果图/切图一致
- 兼容性
- 手机系统
- 兼容覆盖android和ios系统, 包括主流的Android和ios品牌也要覆盖,比如华为,小米, iPhone11, iPhoneXR等等。 覆盖到最新的试用版和当前流行的主要版本.
- 兼容覆盖android和ios系统, 包括主流的Android和ios品牌也要覆盖,比如华为,小米, iPhone11, iPhoneXR等等。 覆盖到最新的试用版和当前流行的主要版本.
- 微信版本
- 与微信版本的兼容性问题主要体现在小程序api库的版本上
- 因为微信小程序SDKsoftware development ki)的API库版本一 直都在更新,导致SDK的API有可能有向下的兼容性问题。所以测试微信版本的兼容性之前要先确定小程序使用的API库版本在哪些微信版本号上支持。
- 与微信版本的兼容性问题主要体现在小程序api库的版本上
- 屏幕大小
- 微信小程序定义了一 个新的尺寸单位rpx(responsive pixel), 它可以适配不同的屏幕大小,但是需要注意一个特殊的尺寸 1rpx,因为这个尺寸经常在iphone7p、x、plus上出现问题。所以,只需要关注一下即可。
- 微信小程序定义了一 个新的尺寸单位rpx(responsive pixel), 它可以适配不同的屏幕大小,但是需要注意一个特殊的尺寸 1rpx,因为这个尺寸经常在iphone7p、x、plus上出现问题。所以,只需要关注一下即可。
- 手机系统
- 接口
- 网络
- 参考APP的测试方法
- 测试2G/3 G/4 G/5G/wifi网络的切换
- 测试有网/无网切换下应用的运行
- 弱网测试:延时、丢包
- 参考APP的测试方法
- 性能
- 服务器性能测试= =接口性能
- 客户端性能测试= =页面白屏时间、首屏时间、资源占用(cpu,内存,电量),页面渲染(UI呈现效果)--app专项测试里
- 服务器性能测试= =接口性能
- 功能
- 常见笔试面试题
- 1、小程序怎么做兼容性测试的?
- 系统平台版本
- 微信版本(宿主应用)
- 屏幕大小
- 系统平台版本
- 2、小程序跟APP测试的区别?
- 小程序不用安装卸载
- 小程序考虑和微信交互
- 功能考虑入口
- 白屏时间、首屏时间
- 兼容
- 小程序不用安装卸载
- 1、小程序怎么做兼容性测试的?
- 小程序是什么
- H5测试要点
- 是什么
- H5这个词,来自“HTMLS" ,所谓“HTML5" ,是指“HTML"的第5个版本,而“HTML"则是"超文本标记语言”,它是一门描述网页的标准语言。HTML5是一种高级的网页技术。 包括HTML、CSS和JavaScript在内的一 套技术组合。所以,H5可以理解为是一个网页。
- 原生APP (native app) :使用原生制作APP,即在基于目前的智能手机的操作系统(如安卓android.苹果IOS,另外还有windows phone)的基础上,使用相应平台支持的开发工具和语言(比如iOS平台支持Xcode和Objective-C,安卓平台支持Eclipse和Java)编写的第三方移动应用程序,简称原生APP。
- 如何识别H5?参考博客文章
- H5、NativeAPP、混合APP
- H5
- 开发快,实现的功能也很炫
- 只编写一次、可以在多个设备上到处运行--无需安装,相当于浏览器
- 具有局限性,如会话管理、安全离线存储、访问原生设备功能(摄像头.日历和地理位置) --依赖网络
- 开发快,实现的功能也很炫
- Native App
- 原生应用程序看起来(界面)和运行起来(性能)是最佳的;能更好的适应各种类型的功能实现-缓存
- 开发和测试周期比较长, 原生的开发太耗时耗力;
- 必须登录到商店、下载新版本,才能获得最新修正版;
- 原生应用程序看起来(界面)和运行起来(性能)是最佳的;能更好的适应各种类型的功能实现-缓存
- H5+原生混合开发--混合APP常用
- 某此固定格式和控件的、页面反应速度要求高的模块就采用原生natvie开发
- 对于新闻、大段文字、资讯类的用H5语言的标准实现页面来加载,将其嵌入到原生框架中
- 混合应用程序让开发人员可以把HTML5应用程序嵌入到-个细薄的原生容器里面,集原生应用程序和HTML5应用程序的优点(及缺点)于一体。
- 某此固定格式和控件的、页面反应速度要求高的模块就采用原生natvie开发
- H5
- H5这个词,来自“HTMLS" ,所谓“HTML5" ,是指“HTML"的第5个版本,而“HTML"则是"超文本标记语言”,它是一门描述网页的标准语言。HTML5是一种高级的网页技术。 包括HTML、CSS和JavaScript在内的一 套技术组合。所以,H5可以理解为是一个网页。
- 测试点
- 功能
- 基本的功能测试就和APP测试一样的。
- 另外关注:登录,翻页,刷新.返回,手机操作
- 登陆:目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点:
- a.若客户端已登录,那么进入H5后仍然是登录状态。
- b.若客户端末登录,进入H5,点击对应按钮OR链按。 如果需要登录,须拉起native登录;若取消登录,是否可再次拉起登录,或者停留在的页面是否有对应的登录提示。
- a.若客户端已登录,那么进入H5后仍然是登录状态。
- 翻页:遇到翻页加载的页面,需要注意内容为1页或者多页的情况。数据分页加载时,注意后续页面请求数据的正确。这个需要注意在快速操作场景中,请求页数是不是依次递增,快速操作。
- 刷新与返回:刷新与返回页面刷新是否仍然处于当前页面;刷新页面或者加载新内容时页面是否有抖动;用户主动点击刷新按钮是否仍然处于当前页面;点击返回与back键, 回退页而是否是期望页面。
- 手机操作:弹窗出现/关闭于机关注交互是否友好:比如弹出层的点击,是否会穿透影响到下面的页面。手机锁屏之后展示页面;退到后台,再重新呼出在前台展示。
- 基本的功能测试就和APP测试一样的。
- UI
- H5的页面测试和APP的界面测试一样,确保产品UI符合产品经理制定的原型图与ui设计效果图/切图一致
- 关注页面展示元素,如菜单、对话框、窗口和其他可视控件的布局、风格,文字是否正确页面是否美观,页面交互操作是否友好。操作是否设计频繁、是否易操作。
- H5的页面测试和APP的界面测试一样,确保产品UI符合产品经理制定的原型图与ui设计效果图/切图一致
- 兼容
- 浏览器兼容:
- 1)考虑手机主流浏览器,例QQ、UC、百度;
- 2)考虑PC端主流浏览器,例如IE、 Chrome. Firefox;
- 3) android跟ios自带浏览器: chrome safari
- 1)考虑手机主流浏览器,例QQ、UC、百度;
- 系统兼容:覆盖android跟ios最新的试用版和当前流行的主要版本。
- 屏幕兼容:兼容不同的屏幕大小。包括横竖屏的适配。
- 主流手机+主流浏览器: Oppo +百度浏览器
- 浏览器兼容:
- 接口
- 安全
- 明确投放渠道都有哪些,是否对未投放渠道做了限制——与运营部门确认
- 直接通过url请求是否拦截等;直接URL是否能打开;
- 部分敏感信息是否加密传输等;
- 防止恶意攻击; -- sq|注入(涉及比较少)
- 明确投放渠道都有哪些,是否对未投放渠道做了限制——与运营部门确认
- 网络
- 参考APP的测试方法
- 测试2G/3 G/4 G/5G/wifi网络的切换
- 测试有网/无网切换下应用的运行
- 弱网测试:延时、丢包
- 参考APP的测试方法
- 性能
- 服务器性能测试=接口性能
- 客户端性能测试
- 加载速度:页面的首屏时间、白屏时间、有缓存/无缓存的加载时间。
- 资源占用: CPU、流量、电量、内存等的占用。
- 关注页面中有图片的话,尽量缩小图片;
- 资源是否压缩;
- 对于-些不会变化的图片, 不需要每次都请求的东西,做本地缓存。
- 数据较多时是否做了分页加载处理。
- 反复访问,检查是否占用大量内存。
- 关注页面中有图片的话,尽量缩小图片;
- 加载速度:页面的首屏时间、白屏时间、有缓存/无缓存的加载时间。
- 服务器性能测试=接口性能
- 功能
- 常见笔试面试题
- H5测试点
- H5与原生APP区别
- H5测试点
- 是什么
每天进步一点点