时间戳

首页 > 技术文章 > 【测试基础第十篇】h5测试&小程序测试

【测试基础第十篇】h5测试&小程序测试

BigTian 2020-09-25 17:46 原文

    • 小程序
      • 小程序是什么
        • 简介-微信产品经理
          • “小程序是一种不需要下载安装即可使周的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下即可打开应用。也体现了【用完即走】的理念,用户不用关心是否安装太多应用的问题，应用将无处不在，随时可用。但又无制安装。--微信之父：张小龙
          • 一句话解释：微信小程序是运行在微信里的APP
        • 是什么
          • 英文名Mini Program,是一种不需要 下载安装即可使用的应用，是内嵌在微信APP里面的一款新形态软件。
          • 小程序产品的版本类型分为:开发版--开发环境、体验版--测试环境、正式版--生产环境。
          • 正式版是需要经过微信审核的。开发版、体验版无需审核,只需要给指定的微信号权限，然后扫小程序的二维码就能访问。
          • 注意:除了微信小程序,还有百度小程序、微信小程序、支付宝小程序、抖音小程序，都是每个平台自己开发的，都是有针对性平台的应用程序。
      • 小程序架构
        • 包含View视图层、AppService逻辑层。 View层用来渲染页面结构，AppService层用来逻辑处理数据请求、接口调用,它们在两个线程里运行。视图层和逻辑层通过系统层的JSBridage进行通信。
      • 小程序测试点
        • 功能
          • 功能测试和APP的功能测试一样。根据设计好的各个大类功能模块划分，然后再逐级细化，覆盖到每个功能尽可能全面的测试点。包括业务流程、数据流向、功能入口有效性检查、交互性检查测试。
          • 注意:小程序除了本身功能的交互，它还和微信客户端有着交集。a.入口 b.交易:小程序支持交易，那么它与微信的钱包，卡包，是有联系的,需要测试--与微信的交互测试
          • 入口--选择常用主流的入口，问产品，看看用户进哪个多

        • 权限--考虑宿主应用的权限
          • 未授权微信登录小程序
            • 未授权时，使用一些业务功能的时候， 都会弹出提醒‘先授权再操作对应功能
            • 在提交数据到后台的时候，会提示补充相关身份信息才能提交。
          • 已授权微信登录小程序
            • 授权微信访问小程序,意味着自己的微信账号可被小程序管理方获取;
            • 自动以微信的身份行使业务操作权限，比如咨询、支付、数据查询等。
          • 所能查看的数据和操作的权限都应该是同步一致的， 同一微信号在不同手机端登录授权查看数据权限是一样的。
        • UI页面
          • 小程序的页面测试和APP的界面测试一样，确保产品UI符合产品经理制定的原型图与u设计效果图/切图一致
          • 关注页面展示元累，如菜单、对话框、窗口和其他可视控件的布局、风格，文字是否正确，页面是否美观，页面交互操作是否友好。操作是否设计频繁、是否易操作。
          • 注意:微信小程序页面层级跳转不能超过10次。达到10次就无法继续往下跳转了 --- 不要超过10级，开发解决
        • 兼容性
          • 手机系统
            • 兼容覆盖android和ios系统， 包括主流的Android和ios品牌也要覆盖，比如华为，小米, iPhone11, iPhoneXR等等。 覆盖到最新的试用版和当前流行的主要版本.
          • 微信版本
            • 与微信版本的兼容性问题主要体现在小程序api库的版本上
            • 因为微信小程序SDKsoftware development ki)的API库版本一 直都在更新，导致SDK的API有可能有向下的兼容性问题。所以测试微信版本的兼容性之前要先确定小程序使用的API库版本在哪些微信版本号上支持。
          • 屏幕大小
            • 微信小程序定义了一 个新的尺寸单位rpx(responsive pixel), 它可以适配不同的屏幕大小，但是需要注意一个特殊的尺寸 1rpx,因为这个尺寸经常在iphone7p、x、plus上出现问题。所以，只需要关注一下即可。

        • 接口
        • 网络
          • 参考APP的测试方法
          • 测试2G/3 G/4 G/5G/wifi网络的切换
          • 测试有网/无网切换下应用的运行
          • 弱网测试:延时、丢包
        • 性能
          • 服务器性能测试= =接口性能
          • 客户端性能测试= =页面白屏时间、首屏时间、资源占用(cpu,内存，电量),页面渲染(UI呈现效果)--app专项测试里
      • 常见笔试面试题
        • 1、小程序怎么做兼容性测试的?
          • 系统平台版本
          • 微信版本（宿主应用）
          • 屏幕大小
        • 2、小程序跟APP测试的区别?
          • 小程序不用安装卸载
          • 小程序考虑和微信交互
          • 功能考虑入口
          • 白屏时间、首屏时间
          • 兼容

    • 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、NativeAPP、混合APP
          • H5
            • 开发快，实现的功能也很炫
            • 只编写一次、可以在多个设备上到处运行--无需安装，相当于浏览器
            • 具有局限性，如会话管理、安全离线存储、访问原生设备功能(摄像头.日历和地理位置) --依赖网络
          • Native App
            • 原生应用程序看起来(界面)和运行起来(性能)是最佳的;能更好的适应各种类型的功能实现-缓存
            • 开发和测试周期比较长， 原生的开发太耗时耗力;
            • 必须登录到商店、下载新版本，才能获得最新修正版;
          • H5+原生混合开发--混合APP常用
            • 某此固定格式和控件的、页面反应速度要求高的模块就采用原生natvie开发
            • 对于新闻、大段文字、资讯类的用H5语言的标准实现页面来加载，将其嵌入到原生框架中
            • 混合应用程序让开发人员可以把HTML5应用程序嵌入到-个细薄的原生容器里面，集原生应用程序和HTML5应用程序的优点(及缺点)于一体。
      • 测试点
        • 功能
          • 基本的功能测试就和APP测试一样的。
          • 另外关注:登录，翻页,刷新.返回，手机操作
          • 登陆：目前H5与native各个客户端都做了互通，所以大家在测试的时候要注意两点:
            • a.若客户端已登录，那么进入H5后仍然是登录状态。
            • b.若客户端末登录，进入H5，点击对应按钮OR链按。 如果需要登录，须拉起native登录;若取消登录，是否可再次拉起登录,或者停留在的页面是否有对应的登录提示。
          • 翻页：遇到翻页加载的页面，需要注意内容为1页或者多页的情况。数据分页加载时，注意后续页面请求数据的正确。这个需要注意在快速操作场景中,请求页数是不是依次递增，快速操作。
          • 刷新与返回：刷新与返回页面刷新是否仍然处于当前页面;刷新页面或者加载新内容时页面是否有抖动;用户主动点击刷新按钮是否仍然处于当前页面;点击返回与back键， 回退页而是否是期望页面。
          • 手机操作：弹窗出现/关闭于机关注交互是否友好:比如弹出层的点击，是否会穿透影响到下面的页面。手机锁屏之后展示页面;退到后台，再重新呼出在前台展示。
        • UI
          • H5的页面测试和APP的界面测试一样，确保产品UI符合产品经理制定的原型图与ui设计效果图/切图一致
          • 关注页面展示元素，如菜单、对话框、窗口和其他可视控件的布局、风格，文字是否正确页面是否美观，页面交互操作是否友好。操作是否设计频繁、是否易操作。
        • 兼容
          • 浏览器兼容:
            • 1)考虑手机主流浏览器，例QQ、UC、百度;
            • 2)考虑PC端主流浏览器，例如IE、 Chrome. Firefox;
            • 3) android跟ios自带浏览器: chrome safari
          • 系统兼容:覆盖android跟ios最新的试用版和当前流行的主要版本。
          • 屏幕兼容:兼容不同的屏幕大小。包括横竖屏的适配。
          • 主流手机+主流浏览器: Oppo +百度浏览器
        • 接口
        • 安全
          • 明确投放渠道都有哪些，是否对未投放渠道做了限制——与运营部门确认
          • 直接通过url请求是否拦截等;直接URL是否能打开;
          • 部分敏感信息是否加密传输等;
          • 防止恶意攻击; -- sq|注入(涉及比较少)
        • 网络
          • 参考APP的测试方法
          • 测试2G/3 G/4 G/5G/wifi网络的切换
          • 测试有网/无网切换下应用的运行
          • 弱网测试:延时、丢包
        • 性能
          • 服务器性能测试=接口性能
          • 客户端性能测试
            • 加载速度:页面的首屏时间、白屏时间、有缓存/无缓存的加载时间。
            • 资源占用: CPU、流量、电量、内存等的占用。
              • 关注页面中有图片的话，尽量缩小图片;
              • 资源是否压缩;
              • 对于-些不会变化的图片, 不需要每次都请求的东西，做本地缓存。
              • 数据较多时是否做了分页加载处理。
              • 反复访问，检查是否占用大量内存。
      • 常见笔试面试题
        • H5测试点
        • H5与原生APP区别
      •  

推荐阅读