一.预测试(搭建环境)1.可安装前端网页Web开发人员工具,预览和调试测试微信号.
请参阅本文: Web开发人员Web工具-下载、安装和使用图
2 .在管理后台配置内网测试服务器环境,通过PC端网站对小程序前端的输出内容进行管理,可以从开发者那里获取管理账号进行测试
二、测试范围1 .权限测试在以下几种情况下需要检查微信用户访问的权限
1)未授权微信登录小程序
没有取得许可证的情况下,通常在使用几个业务功能时,会显示“请取得许可证后再操作对应功能”的弹出窗口。 在将or数据提交到后台时,要求在提交成功前补充相关身份信息
2)已授权微信登录小程序
授权微信意味着自己的微信账户被微信管理员获取,可以自动作为微信行使咨询、支付、数据查询等业务操作权限
3)同一微信号在不同手机端登录授权查看数据权限
同一微信号在不同手机微信端允许登录同一小程序后,可以显示的数据和操作权限必须同步
2 .功能测试1)按功能模块测试
根据设计的各类功能模块进行划分,然后逐步细化,覆盖到各项功能尽可能全面的测试点
2)按业务流程测试
咨询、支付、播放、查询、下载等小程序业务。 连接各功能点形成完整的业务流程进行检查; 同一业务可能有无法实现的路径。 每个路径都需要覆盖检查
3)按数据流向测试
根据数据从一个终端对输入和输出的操作流程,设计基于数据流的测试用例,输出的数据可能是另一个终端的输入。 检查输入的数据是否按照代码逻辑执行了正确的输出,数据是否发生异常(有输入但没有输出; 输出不正确; 额外的输出和其他信息.)
4)同一功能不同的入口有效性的检查
在小程序中,首页、列表页面、详细信息页面和其他业务功能相关页面上可能存在相同的功能入口。 例如,在收费咨询、免费咨询业务中,可以从首页直接进入收费咨询入口,也可以从免费咨询入口切换到收费咨询入口。 所有入口路径都需要覆盖检查
5)交互性检查
一般来说,数据和功能交替变化的情况主要有这些分类。 前台---前台,后台---后台,前台---后台。 前台从A1页面提交的数据,可能需要在前台A2页面上看。 另外,也可以在对应的背景的b页面上查询记录。 后台B1页面修改添加了or的数据,对应前台的a页面进行交互变化,后台本身的不同页面之间也可能存在相同数据的输出值
3 .在版本配置测试中,小程序一次创建几个不同的模板,在前端程序代码中修改配置参数,保存后重新编译,可以从一个版本切换到另一个版本,同时
对于非公用的部分:不同版本的直接切换必须确保彼此的功能模块和数据独立性不受干扰的影响。 也就是说,在不同版本的管理后台添加的数据只被相应模板的前台小程序调用,不同版本的小程序从前台提交的数据也只提交给各自的管理后台。
对于公用的部分:即使切换不同的模板,也会显示相同的内容
4 .兼容性测试1)手机操作系统
典型的移动电话侧操作系统是安卓(7. x/6.x/4.x/2.x . )、IOs ) 11.x/10.x/9.x . )
2)微信版本
对于已联机的小程序,在微信版本升级后,某些小程序的组件支持可能会出现冲突。 手机端微信上显示的小程序页面显示部分区域的黑屏等,风格有异常。 在这种情况下,您需要在applet软件包中修改某些组件,然后再次更新它们
5 .易用性测试1)导航
页面所在的模块移动到上方或下方,导航栏展示,导航选项卡上的文字是否易懂
2)功能入口
重要且常用的业务功能入口,是否在显眼的地方,业务操作流程是否便于广大用户使用和查看
3)上下层级进入返回
首页---列表页面、列表页面---详细页面、首页---详细页面。 不同级别之间的进入和返回实现是否具有适当的密钥,便于操作
4)字体、图片、动态交互效果
字体:标签、标题、内容、动态播放字体.
图:传送带图、背景图、封面图、触摸屏交互图.
三.注意事项1 .在线1)上线配置
内网测试、在线测试支持不同的url界面; 在联机之前,必须修改内部网测试接口地址在正式环境中使用的接口。 另外,还必须关注配置参数的转换设置
2)审核
将包提交给微处理器
信官方进行审核,工作日审核一般0.5d-1d之内可以搞定3)发布
微信官方审核通过后,即可发布小程序到正式环境中访问使用,通过手机微信端搜索对应小程序的名字即可搜索到 2.常用功能
1)缓存清理
微信Web开发者工具、手机端微信的缓存清理。
使用场景:数据修改后检查修改的效果,程序修改代码后检查效果等情况,可清除缓存后再检查
2)编译
更新测试版本时使用。小程序需要经过几轮的循环测试和修复,开发人员每次修复Bug完成之后会添加新的程序包给到测试人员,测试人员则需要通过微信Web开发者工具删除旧版本的项目程序,重新添加新版本的程序包,然后编译调试
是一种微信开发不需要下载安装即可使用的应用。
小程序的架构:包含View视图层、AppService逻辑层。View层用来渲染页面结构,AppService层用来逻辑处理、数据请求、接口调用,它们在两个线程里运行。视图层使用WebView渲染,逻辑层使用JSCore运行。
视图层和逻辑层通过系统层的JSBridage进行通信,逻辑层把数据变化通知到视图层,触发视图层页面更新,视图层把触发的事件通知到逻辑层进行业务处理。
小程序的限制:
1)数量限制:小程序一个应用只能同时打开5个页面;若忽略5个页面的限制,这时如果跳转逻辑超过5个页面会出现跳转打不开的情况;若已做到跳出5个页面的限制,需要特别查看各个页面间的跳转情况,重复进入的页面以及关闭页面能否返回上一层页面。
2)大小限制:小程序源码打包后的大小限制为1M,因此源码中的图片和icon和数据等都需要压缩。这里就可能出现数据和图片丢失,不清晰等问题
小程序的版本类型
版本类型
开发版
体验版
共同点
1、无需审核
2、需要给微信号配置权限3、通过扫小程序的二维码才能访问
不同点
开发版小程序的二维码有效期比较短
小程序的环境类型
由小程序的版本类型可以看出,我们一般会准备三套环境:
1、发版访问测试环境
2、体验版访问预发布环境
3、正式版访问生产环境
小程序测试注意事项
1、留意分享功能的权限:动听的含羞草页面对游客访问有权限限制,则需要设置取消其分享功能。
PS:目前小程序不支持直接分享朋友圈,只能分享微信好友;有很多小程序通过生成带有二维码的图片,用户可以退出程序将图片发布到朋友圈
2、小程序强制更新功能:新版小程序上线后,自动、强制更新。
小程序的测试点
1、测试点如下:权限测试、UI测试、功能测试、兼容性测试、易用性测试、网络测试、性能测试、接口测试
2、测试点具体说明:见下图
小程序上线前的注意事项
1、测试环境使用测试域名。当在测试环境将所有功能跑通后,需要开发使用正式域名,然后再去做下回归验收测试。
2、回归验收测试完成后,整理测试报告
小程序和WebApp有什么区别 小程序特征入口在二维码里,小程序的启动更多是来源于二维码扫描是否要下载不需要到应用商店去下载是否订阅不需要订阅能否推送消息不能推送消息设计理念微信小程序开发相当于重新做了一个不同于传统形式的APP,从开发、设计、测试、升级都是单独的一套。微信小程序和原生APP以及轻应用都不同,它更像是微信功能的延伸,更加注重场景化。本质内容但从本质上讲,它依旧没有摆脱原生APP开发以及轻应用所面临的两个问题:基于H5的特性和功能上的限制,微信小程序开发虽然无需安装可以即开即用,能够很大地减少手机的存储空间占用,但是对于网络的依赖也更加严重,轻量的定位在功能体验上也会不如传统APP开发出色。点击下载工具包并安装,点击下载
准备好开发代码(从git/svn下载)
打开工具,登录微信账号,导入测试代码
ps:微信小程序的测试需要微信开发者权限以及项目代码权限,需要找项目负责人
使用开发者工具测试1、支持选择不同屏幕的模拟机,支持选择wifi、4G等网络环境下测试
2、清缓存,比较常用的是退出微信登录,模拟未登录态
3、切换微信账号是指换一个微信账号登录开发者工具:
4、编译模式
微信开发者工具默认了一种编译模式,指定的页面为:pages/index/index,页面参数为空,编译成功后进入到小程序的首页。
但在一些场景下,我们需要直接指定编译到某个页面,比如:
页面入口还没有实现,无参数进入页面
比如严选周年庆时,周年庆入口和周年庆页面的开发不是同一个人,页面已经完成开发但入口还没能实现,为了能够及时测试,QA需要直接进入到页面测试,这时候,我们可以这样设置:
编译模式 --> 新增模式 --> 指定页面,编译时选择自定义编译模式进入到指定页面
需要添加参数的编译模式
另一种场景,比如拼团,我们需要一个非常复杂的前置条件(比如开团,参团,验证手机号,验证新人身份,凑齐3个人)才能进入到多个人拼团成功的页面,在这个页面有一个显示的bug需要复现,因为复现的路径太复杂,我们可以通过自定义编译模式直接进入到拼团成功页,查看页面显示情况,节省测试复现时间。
5、调试器辅助测试
整体上,调试工具分为 7 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage、Sensor、Trace,简单说下几个常见使用的panel
1、console下跟chrome基本一致,查看控制台报错信息
2、network,查看页面请求、响应值
3、wxml跟chrome的element基本一致,这里是 wxml 转化后的界面,可以看到真实的页面结构。我们可以通过修改一些参数值来测试字符串过长、过短、截断、为空等问题
4、Appdata是页面的动态数据,是接口返回的请求值,我们可以通过修改appdata的值来伪造接口返回,他能实时的反馈到界面上显示,能节省很多QA造数据的时间。
5、source是用于当前项目的脚本文件的,可用于断点调试,精准提bug
6、storage 用于显示当前项目的一些数据存储的信息,比如我们显示的是登录认证的cookie等,当我们编辑cookie/session来伪造假的登录数据来参与拼团、下单等操作,验证服务端是否会返回正确的响应。
6、设置代理,进入设置-->代理设置,默认使用系统代理,可通过修改hosts来指定请求网络,或者可以手动设置代理,如图设置了fiddler的代理路径,可通过fiddler抓包
真机测试 通过点击预览按钮,生成二维码,使用有开发者权限的微信,打开微信扫一扫二维码进入真机体验。开发板允许打开调试和性能窗口进行简单的页面请求调试和性能数据查看。
远程调试
点击远程调试之后,等待设备接入调试,待微信扫一扫进入之后,进入远程调试状态,这个功能能够方便开发定位不同型号手机上出现的问题。
网易云免费体验馆,0成本体验20+款云产品!
更多网易技术、产品、运营经验分享请点击。
https://sq.163yun.com/blog/article/211687595744047104
转载于:https://www.cnblogs.com/zgq123456/p/10518789.html