uniapp + vue3 微信小程序环境下运行uni-automator自动化测试踩坑指南

回复 5***@qq.com ：

我之前也是给 uni-app + Vue 3 项目写小程序 E2E 被这套机制折磨坏了（特别是每次还要挂着开发者工具、手动点授权弹窗、写一堆 waitFor），后来干脆换了个思路，写了个开源工具 wxa-runner：不走开发者工具远程控制，而是直接在普通无头 Chrome 里用微信官方基础库跑 mp-weixin 编译产物，用标准 Playwright 测。

因为是在浏览器里由 Playwright 直接读 DOM，不经过开发者工具跨进程通信，上面这几个坑就都不存在了：

* 直接支持 Node 18 / 20 / 22，不用降版本，也不用退回旧版微信开发者工具（跑测试时甚至不用打开开发者工具）；
* 每个 test 都是全新隔离的浏览器上下文，不会出现“只有第一条成功、后面全挂”的情况；
* 不用到处硬写 waitFor(50)，单条用例一般 1~2 秒就能跑完，还能多开并行。
拿你帖子里这段登录页测试举例，用 @open-wxa/wxa-runner-playwright 写出来是这样的：

```typescript
import { test, expect } from '@open-wxa/wxa-runner-playwright';

test('测试输入账号超过50位是否截取前50位', async ({ miniProgram }) => {
await miniProgram.open('pages/user/login');

const accountInput = miniProgram.current.locator('input');
await accountInput.fill('12345678901234567890123456789012345678901234567890wer');
await expect(accountInput).toHaveValue('12345678901234567890123456789012345678901234567890');

await accountInput.fill('123456');
await expect(accountInput).toHaveValue('123456');
});
```

平时不想开笨重的微信开发者工具时，也可以直接在 dist/dev/mp-weixin 目录下跑 npx wxa-runner dev . --open 在 Chrome 里调试。

项目开源在 GitHub：https://github.com/open-wxa/wxa-runner ，同样在做 uni-app + Vue 3 小程序自动化测试的同学可以试试，少踩点版本的坑。

2026-10-21 16:58

superMAX1024

我之前也是给 uni-app + Vue 3 项目写小程序 E2E 被这套机制折磨坏了（特别是每次还要挂着开发者工具、手动点授权弹窗、写一堆 waitFor），后来干脆换了个思路，写了个开源工具 wxa-runner：不走开发者工具远程控制，而是直接在普通无头 Chrome 里用微信官方基础库跑 mp-weixin 编译产物，用标准 Playwright 测。

因为是在浏览器里由 Playwright 直接读 DOM，不经过开发者工具跨进程通信，上面这几个坑就都不存在了：

* 直接支持 Node 18 / 20 / 22，不用降版本，也不用退回旧版微信开发者工具（跑测试时甚至不用打开开发者工具）；
* 每个 test 都是全新隔离的浏览器上下文，不会出现“只有第一条成功、后面全挂”的情况；
* 不用到处硬写 waitFor(50)，单条用例一般 1~2 秒就能跑完，还能多开并行。
拿你帖子里这段登录页测试举例，用 @open-wxa/wxa-runner-playwright 写出来是这样的：

```typescript
import { test, expect } from '@open-wxa/wxa-runner-playwright';

test('测试输入账号超过50位是否截取前50位', async ({ miniProgram }) => {
await miniProgram.open('pages/user/login');

const accountInput = miniProgram.current.locator('input');
await accountInput.fill('12345678901234567890123456789012345678901234567890wer');
await expect(accountInput).toHaveValue('12345678901234567890123456789012345678901234567890');

await accountInput.fill('123456');
await expect(accountInput).toHaveValue('123456');
});

2026-10-21 16:57

w***@gmail.com

天哪，果然是node版本的问题，牛逼，忙活三天解决这个最后竟然是这个原因服了

2026-04-21 16:16

5***@qq.com

我放弃了不能自动化测试效率太低

2026-03-25 21:34

uniapp + vue3 微信小程序环境下运行uni-automator自动化测试踩坑指南

4 个评论

目录

公告

相关问题