一、微信小程序

易出Bug的点:

  • 小程序的分享转发功能

背景:小程序项目开发基本完毕也都已经测过几轮,功能上基本没有什么问题,但是上线后却被客户发现通过分享转发小程序给别人,别人无法正常打开的情况

原因:

  1. 基本功能已经经过完整的测试,但是却遗漏了这个转发功能的测试
  2. 小程序分享转发是常用功能,忽略了从用户角度的操作
  3. 与其他小程序对比,小程序的菜单中有些有转发功能有些没有
  • 小程序的页面连续的上滑和下滑

背景:小程序在体验版上已经随开发进度测试完毕,但是在客户现场的正式版上却发现做连续上滑和下滑的操作时,页面不能完整显示,再次验证时发现体验版上也有此问题

原因:

  1. 在体验版的测试中对页面的上滑和下滑做过测试,但是并没有发现问题,这次问题是在连续上滑和下滑的操作时出现
  2. 咨询过开发,下滑时是刷新,上滑是加载更多,上滑和下滑时都需要调接口,在下滑时需要从接口获取一个参数值,上滑时也需要获取这个参数值,但是这个参数的值获取错误,导致连续上滑和下滑时页面不完整
  • 不勾选同意协议

背景:一般都是必须要勾选同意协议,按钮激活,点击按钮才能进入下一页的,但是这个问题是,在没有勾选同意协议时,也可以进入下一个页面

备注:一般这个功能是常规测试中必须要测试的,并且一般不会出现问题,许是开发忘记加了限制

易遗漏的点:

  • 添加到桌面:

备注:小程序已经发布,但是笔者由网上一篇文章受到启发,才知遗漏了在安卓机上的将小程序添加到桌面的功能,

苹果手机上没有添加到桌面的功能,安卓机上有添加到桌面的功能,但是需要将微信的添加桌面的权限开启,这个权限如果没有开启,直接将小程序添加到桌面时,有的手机上无任何提示,有的手机上会有弹框提示你开启这个权限

二、微信H5

易出Bug的点:

  • 不等页面加载完毕就点击按钮进入下一个页面

背景:对于有动画效果的H5页面,不等页面加载完毕就点击按钮进入下一个页面,此时页面全黑

  • 缓存

背景:有些Bug并不是真正的Bug,重新退出重登微信就正常

原因:

  1. 缓存问题不仅在微信端存在,在PC浏览器上也会存在,微信端退出重登即可,PC浏览器需要清除浏览器的缓存
  2. 大致解释:浏览器之前存储的信息是旧的,但是再次操作时是新的用户,可以理解为旧的钥匙打不开新的锁
  • 收藏

背景:

  H5是给客户的微信公众号做的一个活动页面,客户在从公众号的H5活动入口进入活动后做了收藏的操作,然后一直打开收藏进行签到,连续签到多天以后,却发现公众号的里签到跟收藏里的签到不一致

(有些H5的逻辑做的比小程序还要复杂,万不可觉得简单就掉以轻心)

三、注意事项:

对测试:

  • 同一功能点的不同的入口

    • 举例:比如个人中心
    • 备注:开发人员有些是只关注自己开发的一亩三分地,并不会对整个系统的实现细节非常了解,容易在不同的入口这里出问题
  • 不同情境或入口下,同一页面的按钮内容和个数展示及功能
    • 举例:比如在小程序中某卡券是使用,从微信卡包里进来就是使用和返回两个按钮,这个牵扯到业务逻辑,
    • 备注:这个地方不太容易出bug,但是是测试人员可能会忽略的地方
  • 状态的流转和显示:
    • 举例:比如未领取和已领取,已上课和缺席
  • 功能之间的关联性:
    • 举例:比如A功能需要用到B功能,A里显示的是B的配置项下拉列表

对设计:

  1,注意同一意义的字段名在前后端页面的统一性:

背景:笔者曾经遇到过设计人员针对同一意义的字段名的不统一的情况,(反馈给设计人员,他们也认为这个点提的很好)这会引起用户的困惑,比如前端页面设计是优惠码,后端页面设计是团报报名码,这两者未统一,但是都是指的如果团报将会有优惠的意思。

原因:

  1,同一个项目的前后端设计人员之间可能沟通不畅

  2,设计人员忽略了前后端同一字段名的统一性

  3,反馈给设计人员,他可能只修改你提出修改的那一个页面,没有对所有出现过该字段名的页面进行修改

备注:这个问题主要是会引起用户的困惑,但对设计而言,笔者认为像字段名、字体、设计风格从头至尾都应统一,无论项目期间有多少变更,但至少变更项在前后端页面的显示都应当一致

微信小程序和微信H5测试中易出Bug的点和注意事项的更多相关文章

  1. [转]微信小程序、微信公众号、H5之间相互跳转

    本文转自:https://www.cnblogs.com/colorful-paopao1/p/8608609.html 转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加 ...

  2. 微信小程序、微信公众号、H5之间相互跳转

    转自慕课网 一.小程序和公众号 答案是:可以相互关联. 在微信公众号里可以添加小程序. 图片有点小,我把文字打出来吧: 可关联已有的小程序或快速创建小程序.已关联的小程序可被使用在自定义菜单和模版消息 ...

  3. 使用Appium 测试微信小程序和微信公众号方法

    由于腾讯系QQ.微信等都是基于腾讯自研X5内核,不是google原生webview,需要打开TBS内核Inspector调试功能才能用Chrome浏览器查看页面元素,并实现Appium自动化测试微信小 ...

  4. 微信小程序(原名微信应用号)开发工具0.9版安装教程

    微信小程序全称微信公众平台·小程序,原名微信公众平台·应用号(简称微信应用号) 声明 微信小程序开发工具类似于一个轻量级的IDE集成开发环境,目前仅开放给了少部分受微信官方邀请的人士(据说仅200个名 ...

  5. 微信小程序之微信登陆 —— 微信小程序教程系列(20)

    简介: 微信登陆,在新建一个微信小程序Hello World项目的时候,就可以看到项目中出现了我们的微信头像,其实这个Hello World项目,就有一个简化版的微信登陆.只不过是,还没有写入到咱们自 ...

  6. 微信小程序(微信应用号)开发ide安装解决方法

    这两天整个技术圈都炸锅了,微信小程序(微信应用号)发布内测,首批200家收到邀请,但是没受邀请的同学,也不用担心,下面介绍一下解决方法. 首先需要下载ide,昨天只需要下载0.9版本的编辑器并替换文件 ...

  7. 微信小程序(微信应用号)组件讲解[申明:来源于网络]

    微信小程序(微信应用号)组件讲解[申明:来源于网络] 地址:http://www.cnblogs.com/muyixiaoguang/p/5902008.html

  8. 微信小程序和微信公众号的id是一个吗

    首先,简单说下我遇到的问题是我们的程序调用微信小程序得到openid,然后通过openID得到用户的唯一标识,用户得以登录,然而,当我们调用微信公众号也同样的到openid,同一以用户两个不同的ope ...

  9. 微信小程序与微信公众号同一用户登录问题

    微信小程序与微信公众号同一用户登录问题 最近在做微信小程序与微信公众号登录合并的接口.整理相关资料以及个人认识的心得写了这篇文章与大家一起分享. 首先,简单说下我遇到的问题是我们的程序调用微信小程序得 ...

随机推荐

  1. VS2012与VS2015同时安装用VS2012创建MFC程序时弹出编译错误”fatal error C1083: 无法打开包括文件:“mprapidef.h”: No such file or directory”的解决办法

    在WIndows 7操作系统上同时安装VS2012与VS2015并用VS2012创建MFC程序时弹出编译错误”fatal error C1083: 无法打开包括文件:“mprapidef.h”: No ...

  2. postman请求失败

    注意右上角 我点亮了左边的图标,导致任何请求都没法获取到结果,后来知道是右上角的问题,然后就可以成功请求了

  3. IntelliJ IDEA隐藏不想看到的文件或文件夹

    打开IntelliJ IDEA,File -> Settings -> Editor -> File Types 在红框部分加上你想过滤的文件或文件夹名

  4. Gradle Goodness: Group Similar Tasks

    In Gradle we can assign a task to a group. Gradle uses the group for example in the output of $ grad ...

  5. 【Dubbo源码阅读系列】服务暴露之远程暴露

    引言 什么叫 远程暴露 ?试着想象着这么一种场景:假设我们新增了一台服务器 A,专门用于发送短信提示给指定用户.那么问题来了,我们的 Message 服务上线之后,应该如何告知调用方服务器,服务器 A ...

  6. Python %操作符 字符串格式化

    %操作符(字符串格式化,string formatting),说明如下: %[(name)][flags][width].[precision]typecode (name)为命名 flags可以有+ ...

  7. ionic3 监听软键盘的高度

    ionic1 和普通cordova的大家都知道 就是看ionic3 和4 https://blog.csdn.net/sean_css/article/details/70243893 ionic c ...

  8. C++练习 | 二分练习

    Codeforces 371C : Hamburgers #include<bits/stdc++.h> using namespace std; char B='B',S='S',C=' ...

  9. Win10 64位+VS2015+Opencv3.3.0安装配置

    Win10 64位+VS2015+Opencv3.3.0安装配置 1.我们首先下载VS2015.OpenCV3.3.0. 1.1 VS2015下载 在官网https://visualstudio.mi ...

  10. 01.centos7环境准备

    博客为日常工作学习积累总结: 1.环境准备: 系统版本:CentOS-7-x86_64-Minimal-1810.iso 运行环境:虚拟机windows上的VM 15 系统安装:参照老男孩运维要求 2 ...