微信小程序UI自动化:框架/工具选择 01

参考资料:

miniprogram-automator:https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/

minium:https://git.weixin.qq.com/minitest/minium-doc

微信开放社区:https://developers.weixin.qq.com/community/develop/mixflow

jest-html-reporters:https://github.com/Hazyzh/jest-html-reporters

1. 前言

工作一个月了,这一个月里我主要是用minium + gilab对参与的项目做UI自动化测试(其实就几条业务线,实现自动操作,而且都是正向业务数据流向),这篇文章主要是对这一个月来的工作做个总结记录。

2. 工具/框架/库选择

知道任务之后也是看了点东西,第一周基本都在摸索这些库,最先看到的是微信开放文档-miniprogram-automator这个是nodejs实现的,然后这个测试报告的话需要集成推荐的话是jest-html-reporters这个来集成,jest的话其实是前端的一个单元测试框架,然后如果选择这套体系就相当于是 miniprogram-automator + jest + jest-html-reporters, 而后我发现了minium它也是微信官方推出的(我认为,毕竟要先登录微信才能看到这个项目),它支持Python、JavaScript,然后它本身集成了基于uinittest的MiniTest单元测试框架,就以为这如果直接用它这套体系不需要我们在封装日志库、报告,但它本身的报告其实也还看的过去,当然你也可以使用Pytest + Allure 来实现~0~

2.1 miniprogram-automator官方介绍(摘自官方哈)

小程序自动化

小程序自动化 SDK 为开发者提供了一套通过外部脚本操控小程序的方案,从而实现小程序自动化测试的目的。

如果你之前使用过 Selenium WebDriver 或者 Puppeteer,那你可以很容易快速上手。小程序自动化 SDK 与它们的工作原理是类似的,主要区别在于控制对象由浏览器换成了小程序。

特性

通过该 SDK,你可以做到以下事情:

  • 控制小程序跳转到指定页面
  • 获取小程序页面数据
  • 获取小程序页面元素状态
  • 触发小程序元素绑定事件
  • 往 AppService 注入代码片段
  • 调用 wx 对象上任意接口

2.2 minium官方介绍

minium 是为小程序专门开发的自动化框架, 提供了 Python 和 JavaScript 版本。使用 minium 可以进行小程序 UI 自动化测试, 但是 minium 的功能不止于仅仅是 UI 自动化, 甚至可以使用 minium 来进行函数的 mock, 可以直接跳转到小程序某个页面并设置页面数据, 做针对性的全面测试, 这些都得益于我们开放了部分小程序 API 的能力。除此之外,小程序有部分组件使用了系统原生的组件,对于这部分的组件,我们也基于 uiautomator 和 wda 做了补充。

目前小程序的体量越来越大,相关的框架和组件库越来越多,对于测试能力要求也越来越高。业内同行基于Chrome DevTools Protocol开发了很多小程序相关的测试工具,这些工具都有以下缺点:

  1. 只能在Android端上运行。小程序实际是一个跨平台的产品(IDE,Android和IOS),测试的平台覆盖不足。
  2. 兼容性问题。小程序底层运行的内核多样化(x5,原生webview内核等等),对应的调试端口不一定能够打开。
  3. 只能做UI相关的测试。小程序架构上分为渲染层和逻辑层,这些框架对于逻辑层上面的测试限制较大。

minium 除了以上缺点都没有之外,还支持以下更多特性:

特性

  • 支持一套脚本,iOS & Android & 模拟器,三端运行
  • 提供丰富的页面跳转方式,看不到也能去得到
  • 可以获取和设置小程序页面数据,让测试不止点点点
  • 可以直接触发小程序元素绑定事件
  • 支持往 AppSerive 注入代码片段执行
  • 可以调用部分 wx 对象上的接口
  • 支持 Mock wx 对象上的接口
  • 支持 Hook wx 对象上的接口
  • 通过 suite 方式管理用例,config 管理运行设备

3. 如何选择

其实这个不难选择,光官方介绍来看它两个特性其实差不太多,双方的文档都是很充足的,很多问题其实可以通过文档或者微信开放社区-交流专区找到答案,如果你想直接用不再去各种集成(日志、报告),并且对nodejs不感冒,那就选minium吧,如果想学习nodejs那就是miniprogram-automator

4. 对应方案的报告展示

  • minium-测试报告-例子
微信小程序UI自动化:框架/工具选择 01_第1张图片
minium-测试报告实例
  • jest-html-reporters-例子

    微信小程序UI自动化:框架/工具选择 01_第2张图片
    jest-html-reporters报告

5. 其他

它两目前对于上传文件,文档都没有给出实际方案解决!

用来做小程序自动化的前提,需要有小程序的源码以及开发组的权限

建议:如果大家使用了这两个工具或者说是框架,主要的资料应该选择官方文档,我这里也只是做个总结(但是本次自动化测试代码中也没用多少个API)

6. 后续

考虑用个小程序(小程序demo/开源商城小程序)给大家写写看,但是由于我本身很菜,学东西也只能学到能调用方法的境界~~多多包涵

你可能感兴趣的:(微信小程序UI自动化:框架/工具选择 01)