1 minrss原文 ↗

在浏览器里测试 Vue 组件(不用 Node)

为什么值得读在浏览器里直接测 Vue 组件,零 Node 依赖——用 QUnit + createApp,打开 HTML 就能跑。对「不想为测试引入一整套工具链」的前端开发者来说,这是一条优雅的中间道路。

我一直想找到一种不需要 Node 的前端测试方式。Playwright 太慢太重,而我又不想为了测试引入一整套 Node 工具链。

灵感来自 Alex Chan 那篇「不用框架测试 JavaScript」,加上朋友一句话「你可以直接在浏览器里测 Vue 组件」。于是试了试,效果不错。

具体方案:

意外的收获:因为所有网络请求都是真实浏览器发的,测试天然是集成测试,不用 mock axios/fetch。QUnit 的「单测重跑」按钮也很方便调试。

缺点:不能自动跑(要手动打开浏览器),没有 CI 集成。但对我来说,能测 > 不能测,这个方案已经很好了。

如果可以重来,你还愿意花这段时间读它吗?

· 匿名阅读记录只用于改进推荐