微信小程序和微信H5测试中易出Bug的点和注意事项
一、微信小程序
易出Bug的点:
- 小程序的分享转发功能
背景:小程序项目开发基本完毕也都已经测过几轮,功能上基本没有什么问题,但是上线后却被客户发现通过分享转发小程序给别人,别人无法正常打开的情况
原因:
- 基本功能已经经过完整的测试,但是却遗漏了这个转发功能的测试
- 小程序分享转发是常用功能,忽略了从用户角度的操作
- 与其他小程序对比,小程序的菜单中有些有转发功能有些没有
- 小程序的页面连续的上滑和下滑
背景:小程序在体验版上已经随开发进度测试完毕,但是在客户现场的正式版上却发现做连续上滑和下滑的操作时,页面不能完整显示,再次验证时发现体验版上也有此问题
原因:
- 在体验版的测试中对页面的上滑和下滑做过测试,但是并没有发现问题,这次问题是在连续上滑和下滑的操作时出现
- 咨询过开发,下滑时是刷新,上滑是加载更多,上滑和下滑时都需要调接口,在下滑时需要从接口获取一个参数值,上滑时也需要获取这个参数值,但是这个参数的值获取错误,导致连续上滑和下滑时页面不完整
- 不勾选同意协议
背景:一般都是必须要勾选同意协议,按钮激活,点击按钮才能进入下一页的,但是这个问题是,在没有勾选同意协议时,也可以进入下一个页面
备注:一般这个功能是常规测试中必须要测试的,并且一般不会出现问题,许是开发忘记加了限制
易遗漏的点:
- 添加到桌面:
备注:小程序已经发布,但是笔者由网上一篇文章受到启发,才知遗漏了在安卓机上的将小程序添加到桌面的功能,
苹果手机上没有添加到桌面的功能,安卓机上有添加到桌面的功能,但是需要将微信的添加桌面的权限开启,这个权限如果没有开启,直接将小程序添加到桌面时,有的手机上无任何提示,有的手机上会有弹框提示你开启这个权限
二、微信H5
易出Bug的点:
不等页面加载完毕就点击按钮进入下一个页面
背景:对于有动画效果的H5页面,不等页面加载完毕就点击按钮进入下一个页面,此时页面全黑
- 缓存
背景:有些Bug并不是真正的Bug,重新退出重登微信就正常
原因:
- 缓存问题不仅在微信端存在,在PC浏览器上也会存在,微信端退出重登即可,PC浏览器需要清除浏览器的缓存
- 大致解释:浏览器之前存储的信息是旧的,但是再次操作时是新的用户,可以理解为旧的钥匙打不开新的锁
- 收藏
背景:
H5是给客户的微信公众号做的一个活动页面,客户在从公众号的H5活动入口进入活动后做了收藏的操作,然后一直打开收藏进行签到,连续签到多天以后,却发现公众号的里签到跟收藏里的签到不一致
(有些H5的逻辑做的比小程序还要复杂,万不可觉得简单就掉以轻心)
三、注意事项:
对测试:
- 同一功能点的不同的入口:
- 举例:比如个人中心
- 备注:开发人员有些是只关注自己开发的一亩三分地,并不会对整个系统的实现细节非常了解,容易在不同的入口这里出问题
- 不同情境或入口下,同一页面的按钮内容和个数展示及功能:
- 举例:比如在小程序中某卡券是使用,从微信卡包里进来就是使用和返回两个按钮,这个牵扯到业务逻辑,
- 备注:这个地方不太容易出bug,但是是测试人员可能会忽略的地方
- 状态的流转和显示:
- 举例:比如未领取和已领取,已上课和缺席
- 功能之间的关联性:
- 举例:比如A功能需要用到B功能,A里显示的是B的配置项下拉列表
对设计:
1,注意同一意义的字段名在前后端页面的统一性:
背景:笔者曾经遇到过设计人员针对同一意义的字段名的不统一的情况,(反馈给设计人员,他们也认为这个点提的很好)这会引起用户的困惑,比如前端页面设计是优惠码,后端页面设计是团报报名码,这两者未统一,但是都是指的如果团报将会有优惠的意思。
原因:
1,同一个项目的前后端设计人员之间可能沟通不畅
2,设计人员忽略了前后端同一字段名的统一性
3,反馈给设计人员,他可能只修改你提出修改的那一个页面,没有对所有出现过该字段名的页面进行修改
备注:这个问题主要是会引起用户的困惑,但对设计而言,笔者认为像字段名、字体、设计风格从头至尾都应统一,无论项目期间有多少变更,但至少变更项在前后端页面的显示都应当一致
微信小程序和微信H5测试中易出Bug的点和注意事项的更多相关文章
- [转]微信小程序、微信公众号、H5之间相互跳转
本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加 ...
- 微信小程序、微信公众号、H5之间相互跳转
转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加小程序. 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序.已关联的小程序可被使用在自定义菜单和模版消息 ...
- 使用Appium 测试微信小程序和微信公众号方法
由于腾讯系QQ.微信等都是基于腾讯自研X5内核,不是google原生webview,需要打开TBS内核Inspector调试功能才能用Chrome浏览器查看页面元素,并实现Appium自动化测试微信小 ...
- 微信小程序(原名微信应用号)开发工具0.9版安装教程
微信小程序全称微信公众平台·小程序,原名微信公众平台·应用号(简称微信应用号) 声明 微信小程序开发工具类似于一个轻量级的IDE集成开发环境,目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名 ...
- 微信小程序之微信登陆 —— 微信小程序教程系列(20)
简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...
- 微信小程序(微信应用号)开发ide安装解决方法
这两天整个技术圈都炸锅了,微信小程序(微信应用号)发布内测,首批200家收到邀请,但是没受邀请的同学,也不用担心,下面介绍一下解决方法. 首先需要下载ide,昨天只需要下载0.9版本的编辑器并替换文件 ...
- 微信小程序(微信应用号)组件讲解[申明:来源于网络]
微信小程序(微信应用号)组件讲解[申明:来源于网络] 地址:http://www.cnblogs.com/muyixiaoguang/p/5902008.html
- 微信小程序和微信公众号的id是一个吗
首先,简单说下我遇到的问题是我们的程序调用微信小程序得到openid,然后通过openID得到用户的唯一标识,用户得以登录,然而,当我们调用微信公众号也同样的到openid,同一以用户两个不同的ope ...
- 微信小程序与微信公众号同一用户登录问题
微信小程序与微信公众号同一用户登录问题 最近在做微信小程序与微信公众号登录合并的接口.整理相关资料以及个人认识的心得写了这篇文章与大家一起分享. 首先,简单说下我遇到的问题是我们的程序调用微信小程序得 ...
随机推荐
- 算法——(5)B/B+/红黑树
1. B树——lgdN B树是平衡多路查找树,主要用于文件系统的索引. 1)定义: 对于一个度数为d的B树, 每个结点最多有d个孩子 如果根结点不是叶子结点,那它至少有两个孩子 每个非叶子结点(非根结 ...
- [Python]json对象转换出错expected string or buffer python
[问题] 今天在使用python中的json转换碰到一个问题: 错误显示: expected string or buffer json内容如下: {u'err_no': 0, u'corpus_no ...
- rhel install java jdk
Linux安装JDK完整步骤 1.检查一下系统中的jdk版本 [root@localhost software]# java -version 显示: openjdk version "1. ...
- 修改linux系统的默认语言
修改linux系统的默认语言: 1.全局修改: 所有用户都是同一种统一的语言设置 修改/etc/sysconfig/i18n文件 vi /etc/s ...
- 404 Note Found 队 Alpha8
目录 组员情况 组员1(组长):胡绪佩 组员2:胡青元 组员3:庄卉 组员4:家灿 组员5:凯琳 组员6:翟丹丹 组员7:何家伟 组员8:政演 组员9:黄鸿杰 组员10:刘一好 组员11:何宇恒 展示 ...
- Reading Software Defined Traffic Measurement with OpenSketch
NSDI '13 概要 OpenSketch是一个通用的.抽象的测量框架, 与SDN 网络架构类似, OpenSketch 提出将测量控制层和数据层解耦. 数据层运行设为可动态配置的3阶段流水线, 首 ...
- oracle中的某一个用户名修改
1若修改某一个用户密码,修改用户口令格式为:alter user 用户名 identified by 新密码: 2以system 为例,想把密码修改为123456. 可输入alter user sys ...
- C# WinForm开发系列 - ListBox/ListView/Panel【zz】
原文传送:http://www.cnblogs.com/peterzb/archive/2009/06/18/1505424.html 1.ColorListBox ColorListBox.zi ...
- Extjs6 组件浅谈
一.Component组件 一个 Ext JS 应用的界面由一个或多个叫做 组件的控件组成. 所有的组件都是 Ext.Component 类的子类,这个类可以允许参与包含实例化.渲染.自动大小和位置以 ...
- webpack使用打包的一些心得
webpack打包工具: module.exports:输出require:引入 require('!style-loader!css-loader!./***.css'):静态样式引入 npm in ...