&#x20;之前我们分享过 Web 、APP和桌面端的 UI 自动化测试方案。后来也有不少同学问：小程序端的自动化能不能结合 AI 去实现呢？

答案是可以，而且微信官方已经提供了对应的框架： miniprogram-automator 。

这篇文章就结合一次实际落地过程，讲清楚小程序 UI 自动化怎么跑起来，以及如何借助 Skill 把“探索页面、生成脚本、执行用例、输出报告”这条链路串起来，尽量少写重复代码，让方案更容易在团队里推广。

小程序自动化方案有不少，但综合适配性和稳定性来看，官方的  miniprogram-automator  更适合作为基础框架。

它是微信官方提供的小程序 E2E 自动化测试 SDK，运行在 Node.js 环境中，可以远程控制微信开发者工具里的小程序模拟器。简单说，就是用脚本代替人工去点击、输入、跳转和校验页面。

1. 在微信开发者工具中开启 CLI/HTTP 调用和自动化端口，默认端口是  9420 。

2. Node.js 脚本通过协议连接微信开发者工具。

3. 脚本下发指令，完成打开项目、跳转页面、点击元素、输入内容、截图、Mock 接口等操作。

4. 再配合 Jest 或 Mocha 这类测试框架，完成断言、用例管理和报告输出。

这里可以把两者简单分工一下：

miniprogram-automator  负责操作小程序，Jest 负责组织测试用例和判断结果。

小程序 UI 自动化依赖微信开发者工具的模拟器，所以第一步不是写脚本，而是把运行环境准备好。

先进入微信开发者工具下载页，选择对应系统版本下载安装。

这里需要拿到小程序源码。如果你是测试同学，通常需要先找开发同学申请项目权限。

首次打开时，选择信任并运行。

等待编译完成后，就可以在模拟器里看到小程序页面。

接下来需要打开微信开发者工具的服务端口。

在工具里找到“设置”，进入“安全设置”。

打开“服务端口”，同时建议勾选“自动化接口打开工具时默认信任项目”。

到这里，基础环境就准备好了。

先下载 Skill 包，解压到 AI 工具的 Skill 目录下，例如：

&#x20;text
/miniprogram-script-author 测试用例文件 项目地址 其他信息

这里的测试用例就是日常维护的功能用例，可以来自 Excel，也可以是整理后的 Markdown 或其他文本格式。

Skill 会根据用例去理解测试目标，比如要进入哪个页面、点击哪个按钮、输入什么内容、最后校验什么结果。

在执行过程中，Skill 会先对小程序页面做探索，采集页面结构信息，例如  meta.json  和  wxml 。

拿到页面信息后，它会尝试匹配用例中的操作步骤和页面元素，再生成对应的  spec.js  测试脚本。

如果用例涉及多个模块，也会按模块生成不同的脚本文件，后续维护起来会清晰很多。

这一段是整个方案里最省时间的地方。以前需要测试同学手动找元素、拼 selector、写等待逻辑，现在可以先让 Skill 生成一版可运行脚本，再在这个基础上微调。

脚本生成后，就可以进入执行阶段。

执行后，脚本会自动唤起微信开发者工具，并在模拟器中按步骤操作小程序。

用例跑完之后，会生成一个 HTML 报告，里面记录执行结果、失败信息和关键步骤截图。

需要注意的是， miniprogram-automator  本身不支持直接录制 video 和 trace。这里采用的是“伪 trace”的方式：在脚本每个关键步骤后保存截图，并把步骤信息和截图串到报告里。

虽然不是真正的视频回放，但排查问题已经够用了。比如页面有没有跳转成功、按钮是否出现、输入框有没有填上，都能从截图里直接看到。

自动化脚本第一次跑失败很正常，尤其是小程序页面里有异步加载、接口延迟、弹窗、权限提示的时候。

这套方案里，失败后不会只给一个冷冰冰的报错，而是会尽量分析失败原因，比如：

1. 元素还没加载完成，脚本就开始点击。

2. 页面路径或入口和用例描述不一致。

3. 弹窗、授权页、登录态影响了后续步骤。

4. selector 匹配不够稳定，页面一改就找不到元素。

根据失败原因调整脚本后，重新执行即可。

实际落地时，建议先挑一条主流程跑通，比如登录后查看房间信息，再逐步补充工单、个人资料等模块。不要一开始就把所有用例都塞进去，否则失败点太多，排查效率会很低。

小程序 UI 自动化并不复杂，难点主要在两件事：环境要跑通，脚本要能持续维护。

miniprogram-automator  解决了“怎么操控小程序”的问题，Jest 解决了“怎么组织和判断用例”的问题，Skill 则把页面探索和脚本生成这部分重复工作自动化了。

最终的效果是：测试同学不需要从零开始手写每一段脚本，而是先让工具生成一版，再根据业务细节做调整。对于回归频繁、页面稳定的小程序项目，这种方式能明显降低自动化落地成本。

用 AI 做小程序 UI 自动化测试：从搭环境到生成报告

人工智能

本文详解小程序UI自动化落地实践，基于微信官方miniprogram-automator框架结合AI Skill，实现页面探索、脚本生成、用例执行与报告输出全流程自动化。提供环境配置、脚本调试及失败修复经验，帮助测试团队降低重复编码成本，提升回归效率。

Markdown

JSON

让每一个 Agent，都跑在云上

coding

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

用 AI 做小程序 UI 自动化测试：从搭环境到生成报告

用 AI 做小程序 UI 自动化测试：从搭环境到生成报告

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐