FliPPeDround

前端工程师 · 开源爱好者 · 正在找工作

对我的项目感兴趣？查看我的简历 · resume

---

如果你曾尝试配合 AI 代理（如 Claude、Cursor 编写微信小程序，你大概率会遇到这样的困境：测试工具与 AI 代理集成困难、缺乏统一的自动化框架支持、无法充分利用 AI 的智能分析能力。更糟糕的是，当你想要使用 Claude、Cursor 等 AI 辅助工具来提升测试效率时，却发现没有合适的微信小程序自动化集成方案。

为了解决这些痛点，wechat-devtools-mcp 应运而生。作为一款基于 MCP（Model Context Protocol）协议的微信开发者工具自动化服务，它让小程序的自动化测试与 AI 智能分析变得前所未有的简单和高效。

📖 介绍

📚 官方文档：更多详细的安装和配置说明，请参考 GitHub 仓库

wechat-devtools-mcp 是一个专门为微信小程序设计的 MCP 服务，通过 MCP 协议与 AI 代理（如 Claude、Cursor）深度集成。它基于微信官方的 miniprogram-automator 库，提供了完整的小程序自动化能力，让你能够在 AI 的辅助下，高效地完成小程序的自动化测试和调试。

这个工具的出现，填补了小程序自动化测试与 AI 智能分析之间的空白。它不仅保持了与微信开发者工具的完全兼容性，还充分发挥了 MCP 协议的标准化优势，为开发者提供了一个更智能、更高效的自动化测试解决方案。

🚀 核心功能与技术优势

1. 无缝集成 MCP 协议生态

wechat-devtools-mcp 完全兼容 MCP 协议，可以轻松集成到支持 MCP 的 AI 代理中：

{
  "mcpServers": {
    "wechat-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "wechat-devtools-mcp",
        "--projectPath=/path/to/your/miniprogram"
      ]
    }
  }
}

2. 全面的页面导航支持

工具提供了丰富的 API 来操作小程序页面导航：

• 保留当前页面跳转：通过 navigateTo 跳转到非 tabBar 页面
• 关闭当前页面跳转：通过 redirectTo 关闭当前页面并跳转
• 返回上一页：通过 navigateBack 返回上一页面或多级页面
• 重新加载页面：通过 reLaunch 关闭所有页面并重新打开
• 切换 TabBar：通过 switchTab 跳转到 tabBar 页面
• 获取页面栈：通过 pageStack 获取当前页面栈列表

3. 强大的元素操作能力

工具提供了完整的元素操作 API，支持各种用户交互模拟：

• 元素获取：通过 getElement 和 getElements 获取页面元素
• 用户交互：支持点击、长按、触摸、输入等操作
• 元素信息：获取元素尺寸、位置、文本、属性、样式等信息
• 组件方法：调用自定义组件的方法和数据操作

4. 智能日志和异常监听

工具内部实现了智能的日志和异常监听机制：

• 自动监听控制台日志（console.log、console.info、console.warn、console.error）
• 自动捕获运行时异常，包括错误名称、堆栈跟踪和发生时间
• 支持日志和异常的查询和过滤
• 内置日志数量限制，避免内存溢出

5. 灵活的配置选项

支持丰富的配置选项，满足不同测试场景的需求：

• 自定义小程序项目路径
• 微信开发者工具 CLI 路径配置
• 连接超时时间设置
• WebSocket 端口配置
• 用户账号和登录票据支持
• 项目配置文件覆盖

6. 微信 API 模拟与调用

工具提供了强大的微信 API 操作能力：

• 调用微信 API：通过 callWxMethod 调用 wx 对象上的任意方法
• Mock 微信 API：通过 mockWxMethod 模拟 API 返回值，便于测试
• 恢复微信 API：通过 restoreWxMethod 恢复被 Mock 的方法

🧪 为什么 E2E 测试如此重要

在软件开发中，单元测试固然重要，但 E2E（End-to-End）测试在构建高质量代码过程中扮演着不可替代的角色。

提升代码可靠性

E2E 测试模拟真实用户的使用场景，从用户界面到后端服务的完整流程进行验证。与单元测试不同，E2E 测试能够发现：

• 页面间的导航和状态传递问题
• 用户交互与业务逻辑的集成异常
• 微信 API 调用的错误处理
• 不同设备和系统版本的兼容性问题

对于微信小程序这种运行在特殊环境中的应用，E2E 测试尤为重要。它能够确保你的小程序在不同设备、不同微信版本、不同网络环境下都能正常运行，避免出现"在开发环境正常，上线后出问题"的尴尬情况。

降低维护成本

虽然编写 E2E 测试 需要投入一定的时间成本，但从长远来看，它能显著降低维护成本：

• 减少回归测试时间：自动化测试可以在几分钟内完成原本需要数小时的手动测试
• 快速定位问题：当出现 bug 时，E2E 测试能够快速定位问题所在
• 增强重构信心：有了完善的测试覆盖，你可以放心地进行代码重构，而不必担心破坏现有功能
• 文档化业务逻辑：测试代码本身就是最好的业务逻辑文档

提升团队协作效率

E2E 测试作为项目质量的"守门员"，能够：

• 统一团队对功能实现的理解
• 减少 code review 时的争议
• 让新成员快速理解项目功能
• 建立持续集成的质量保障体系

📦 快速上手

安装依赖

wechat-devtools-mcp 是一个 npm 包，可以直接通过 npx 运行，无需额外安装：

npx -y wechat-devtools-mcp --projectPath=/path/to/your/miniprogram

配置 MCP 服务器

在你的 AI 代理（如 Claude、Cursor）的配置文件中添加 MCP 服务器配置：

{
  "mcpServers": {
    "wechat-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "wechat-devtools-mcp",
        "--projectPath=/path/to/your/miniprogram"
      ]
    }
  }
}

命令行参数说明

参数	类型	说明
--projectPath	string	小程序项目路径（必填）
--cliPath	string	微信开发者工具 CLI 路径
--timeout	number	连接超时时间（毫秒），默认 30000
--port	number	WebSocket 端口号，默认 9420
--account	string	用户 openid
--ticket	string	开发者工具登录票据
--projectConfig	string	覆盖 project.config.json 中的配置

使用示例

配置完成后，你就可以在 AI 代理中使用 wechat-devtools-mcp 提供的工具了。以下是一些典型的使用场景：

1. 启动小程序

// 使用 launch 工具启动微信开发者工具并连接小程序
await launch()

2. 页面导航测试

// 跳转到指定页面
await navigateTo({ url: '/pages/detail/detail?id=123' })

// 获取当前页面信息
const currentPage = await currentPage()

// 返回上一页
await navigateBack({ delta: 1 })

3. 元素操作测试

// 获取页面元素
const element = await getElement({ selector: '.submit-button' })

// 点击元素
await tapElement({ selector: '.submit-button' })

// 输入文本
await inputElement({ selector: '#username', value: 'testuser' })

// 获取元素文本
const text = await getElementText({ selector: '.welcome-text' })

4. 页面数据操作

// 获取页面数据
const pageData = await getPageData({ path: 'userInfo.name' })

// 设置页面数据
await setPageData({ data: { count: 10, status: 'active' } })

5. 日志和异常监听

// 获取控制台日志
const logs = await getlogs({ type: 'error', limit: 10 })

// 获取异常信息
const exceptions = await getexceptions({ limit: 5 })

6. 微信 API 调用和 Mock

// 调用微信登录 API
const loginResult = await callWxMethod({ method: 'login', args: [] })

// Mock 用户信息 API
await mockWxMethod({ method: 'getUserInfo', result: { nickName: '测试用户' } })

// 恢复 API
await restoreWxMethod({ method: 'getUserInfo' })

🎯 高级功能详解

截图功能

工具支持对小程序当前页面进行截图，返回 Base64 编码的图片数据：

const screenshot = await screenshot()

系统信息获取

获取小程序运行所在的系统信息，包括手机品牌、型号、屏幕尺寸、操作系统版本、微信版本等：

const systemInfo = await systemInfo()

体验评分

支持微信小程序体验评分（Audits）功能，可以获取性能最佳实践、Accessibility 可访问性等方面的评分和建议：

// 停止体验评分并获取报告
const auditResult = await stopAudits({ path: './audits.json' })

测试账号管理

支持获取微信开发者工具多账号调试中添加的测试用户列表，可用于模拟不同用户登录场景的测试：

const accounts = await testAccounts()

🔧 技术实现细节

wechat-devtools-mcp 的实现基于 MCP 协议和微信官方的 miniprogram-automator 库，核心架构包括以下几个部分：

1. Automator 类：负责微信开发者工具的启动、连接和生命周期管理
2. MiniProgram 工具类：提供小程序级别的操作，如页面导航、API 调用、系统信息获取等
3. Page 工具类：提供页面级别的操作，如元素获取、数据操作、方法调用等
4. Element 工具类：提供元素级别的操作，如点击、输入、属性获取等

工具内部还实现了智能的状态管理和错误处理机制，确保自动化测试的稳定性和可靠性。

🌟 总结

wechat-devtools-mcp 为微信小程序开发者提供了一个现代化、智能化的自动化测试解决方案。它不仅解决了传统测试工具与 AI 代理集成困难的问题，还充分发挥了 MCP 协议和 miniprogram-automator 的技术优势。

通过完善的 E2E 测试和 AI 智能分析，你可以：

• 提升代码质量和可靠性
• 降低长期维护成本
• 增强团队协作效率
• 建立持续集成的质量保障体系
• 充分利用 AI 的智能分析能力

如果你正在开发微信小程序项目，并且想要建立完善的自动化测试体系，wechat-devtools-mcp 绝对值得一试。它会让你的测试工作变得前所未有的简单和高效。

📚 相关资源

• GitHub 仓库
• npm 包
• MCP 协议文档
• 微信小程序自动化文档
• miniprogram-automator

---

最后

wechat-devtools-mcp 是一个免费的开源软件，遵循MIT协议，社区的赞助使其能够有更好的发展。

你的赞助会帮助我更好的维护项目，如果对你有帮助，请考虑赞助一下😊

你的star🌟也是对我的很大鼓励，Github

欢迎反馈问题和提pr共建

FliPPeDround

前端工程师 · 开源爱好者 · 正在找工作

对我的项目感兴趣？查看我的简历 · resume

---

如果你曾尝试为浏览器扩展编写 E2E 测试，你大概率会遇到这样的困境：测试环境配置复杂、Playwright 与扩展的集成困难、缺乏统一的测试框架支持。更糟糕的是，当你想要使用 Vitest 这种更现代、更快速的测试框架时，却发现没有合适的浏览器扩展环境支持。

为了解决这些痛点，vitest-environment-web-ext 应运而生。作为一款轻量级的 Vitest 自定义环境，它让浏览器扩展项目的 E2E 测试变得前所未有的简单和高效。

📖 介绍

📚 官方文档：更多详细的安装和配置说明，请参考 CRXJS 官方文档

vitest-environment-web-ext 是一个专门为 Vitest 设计的浏览器扩展 E2E 测试环境。它深度集成了 Playwright 的强大能力，让你能够在 Vitest 框架下无缝运行浏览器扩展的自动化测试。

这个工具的出现，填补了浏览器扩展现代化测试工具链的空白。它不仅保持了与 Playwright 的完全兼容性，还充分发挥了 Vitest 的性能优势，为开发者提供了一个更快速、更现代化的测试解决方案。

🚀 核心功能与技术优势

1. 无缝集成 Vitest 生态

vitest-environment-web-ext 完全兼容 Vitest 的配置系统，你可以像使用其他 Vitest 环境一样简单配置：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'web-ext',
  },
})

2. 全面的扩展页面支持

工具提供了丰富的 API 来访问浏览器扩展的各个部分：

• Popup 页面测试：通过 getPopupPage() 获取扩展的弹窗页面
• Side Panel 测试：通过 getSidePanelPage() 获取侧边栏页面
• Content Script 测试：通过 context.newPage() 创建新页面并测试注入的内容脚本
• Service Worker 测试：通过 getServiceWorker() 获取扩展的后台服务工作线程

3. 智能环境管理

工具内部实现了智能的环境初始化和清理机制：

• 自动管理浏览器上下文的生命周期
• 支持自动编译扩展项目
• 内置扩展 ID 自动获取机制
• 完善的错误处理和资源清理

4. TypeScript 完整支持

提供了完整的 TypeScript 类型定义，让开发者在编写测试代码时享受完整的类型提示和智能补全：

{
  "compilerOptions": {
    "types": [
      "vitest-environment-web-ext/types"
    ]
  }
}

5. 灵活的配置选项

支持丰富的配置选项，满足不同测试场景的需求：

• 自动启动浏览器
• 自定义编译命令
• Playwright 参数配置（如 devtools、slowMo 等）
• 用户数据目录管理

🧪 为什么 E2E 测试如此重要

在软件开发中，单元测试固然重要，但 E2E（End-to-End）测试在构建高质量代码过程中扮演着不可替代的角色。

提升代码可靠性

E2E 测试模拟真实用户的使用场景，从用户界面到后端服务的完整流程进行验证。与单元测试不同，E2E 测试能够发现：

• 组件间的集成问题
• 浏览器扩展与网页内容的交互异常
• 消息传递机制的错误
• 权限配置问题

对于浏览器扩展这种运行在特殊环境中的应用，E2E 测试尤为重要。它能够确保你的扩展在不同浏览器、不同网页环境下都能正常运行，避免出现"在开发环境正常，上线后出问题"的尴尬情况。

降低维护成本

虽然编写 E2E 测试需要投入一定的时间成本，但从长远来看，它能显著降低维护成本：

• 减少回归测试时间：自动化测试可以在几分钟内完成原本需要数小时的手动测试
• 快速定位问题：当出现 bug 时，E2E 测试能够快速定位问题所在
• 增强重构信心：有了完善的测试覆盖，你可以放心地进行代码重构，而不必担心破坏现有功能
• 文档化业务逻辑：测试代码本身就是最好的业务逻辑文档

提升团队协作效率

E2E 测试作为项目质量的"守门员"，能够：

• 统一团队对功能实现的理解
• 减少 code review 时的争议
• 让新成员快速理解项目功能
• 建立持续集成的质量保障体系

📦 快速上手

安装依赖

首先，安装必要的依赖：

pnpm add -D vitest-environment-web-ext playwright

⚠️ 注意：playwright 是必需的依赖，必须安装

配置 Vitest

在项目根目录创建或修改 vitest.config.ts：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'web-ext',
  },
})

配置 TypeScript

在 tsconfig.json 中添加类型定义：

{
  "compilerOptions": {
    "types": [
      "vitest-environment-web-ext/types"
    ]
  }
}

添加测试脚本

在 package.json 中添加测试命令：

{
  "scripts": {
    "test": "vitest"
  }
}

编写测试用例

创建测试文件，例如 extension.test.ts：

import { describe, expect, it } from 'vitest'

describe('浏览器扩展测试', () => {
  it('测试 Popup 页面', async () => {
    const popupPage = await browser.getPopupPage()
    const text = await popupPage.waitForSelector('.welcome-text')
    expect(await text.textContent()).toBe('欢迎使用扩展')
  })

  it('测试 Side Panel 页面', async () => {
    const sidePanelPage = await browser.getSidePanelPage()
    const title = await sidePanelPage.title()
    expect(title).toContain('侧边栏')
  })

  it('测试 Content Script 注入', async () => {
    const page = await context.newPage()
    await page.goto('https://www.example.com')
    const toggleButton = await page.waitForSelector('.toggle-button')
    await toggleButton.click()
    const appContainer = await page.waitForSelector('.app-content')
    expect(await appContainer.textContent()).toBeTruthy()
  })
})

运行测试

执行测试命令：

pnpm test

🎯 高级配置选项详解

除了基础配置，vitest-environment-web-ext 还支持更多高级选项：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'web-ext',
    environmentOptions: {
      'web-ext': {
        path: './dist',
        compiler: 'npm run build',
        autoLaunch: true,
        targetUrl: 'https://www.example.com',
        playwright: {
          userDataDir: './.playwright',
          devtools: true,
          slowMo: 100,
        },
      },
    },
  },
})

配置参数说明：

• path: 扩展构建目录路径
• compiler: 测试前自动编译的命令
• autoLaunch: 是否自动启动浏览器（默认：true）
• targetUrl: 用于获取扩展 ID 的目标页面
• playwright.userDataDir: Playwright 用户数据目录
• playwright.devtools: 是否自动打开开发者工具
• playwright.slowMo: 操作延迟时间（毫秒）

🔧 技术实现细节

vitest-environment-web-ext 的实现基于 Vitest 的自定义环境 API，核心类 WebExtEnvironment 实现了以下功能：

1. 环境初始化：在 setup 方法中初始化浏览器扩展环境
2. 全局对象注入：将 browser 和 context 注入到全局作用域
3. 资源清理：在 teardown 方法中正确清理浏览器资源
4. 扩展页面管理：通过 WebExtLoader、WebExtFactory 等类实现扩展页面的智能管理

工具内部还实现了智能的状态管理，避免重复初始化，确保测试环境的稳定性。

🌟 总结

vitest-environment-web-ext 为浏览器扩展开发者提供了一个现代化、高效的 E2E 测试解决方案。它不仅解决了传统测试工具配置复杂的问题，还充分发挥了 Vitest 和 Playwright 的性能优势。

通过完善的 E2E 测试，你可以：

• 提升代码质量和可靠性
• 降低长期维护成本
• 增强团队协作效率
• 建立持续集成的质量保障体系

如果你正在开发浏览器扩展项目，并且想要建立完善的测试体系，vitest-environment-web-ext 绝对值得一试。它会让你的测试工作变得前所未有的简单和高效。

📚 相关资源

• GitHub 仓库
• npm 包
• CRXJS 文档
• Vitest 官方文档
• Playwright 官方文档

---

最后

vitest-environment-web-ext 是一个免费的开源软件，遵循MIT协议，社区的赞助使其能够有更好的发展。

你的赞助会帮助我更好的维护@crxjs，如果对你有帮助，请考虑赞助一下😊

你的star🌟也是对我的很大鼓励，Github

欢迎反馈问题和提pr共建

FliPPeDround

前端工程师 · 开源爱好者 · 正在找工作

对我的项目感兴趣？查看我的简历 · resume

---

如果你曾尝试为 uni-app 项目编写 E2E 测试，你大概率会遇到这样的困境：官方提供的 Jest 环境配置复杂、文档更新滞后、与现代测试工具链集成困难。更糟糕的是，当你想要使用 Vitest 这种更现代、更快速的测试框架时，却发现没有合适的 uni-app 环境支持。

为了解决这些痛点，vitest-environment-uniapp 应运而生。作为一款轻量级的 Vitest 自定义环境，它让 uni-app 项目的 E2E 测试变得前所未有的简单和高效。

📖 介绍

vitest-environment-uniapp 是一个专门为 Vitest 设计的 uni-app E2E 测试环境。它深度集成了 DCloud 官方的 @dcloudio/uni-automator，让你能够在 Vitest 框架下无缝运行 uni-app 的自动化测试。

这个工具的出现，填补了 uni-app 现代化测试工具链的空白。它不仅保持了与官方 automator 的完全兼容性，还充分发挥了 Vitest 的性能优势，为开发者提供了一个更快速、更现代化的测试解决方案。

🚀 核心功能与技术优势

1. 无缝集成 Vitest 生态

vitest-environment-uniapp 完全兼容 Vitest 的配置系统，你可以像使用其他 Vitest 环境一样简单配置：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'uniapp',
    environmentOptions: {
      uniapp: {
        compile: true,
        platform: 'mp-weixin',
        projectPath: './src',
        port: 5121,
      },
    },
  },
})

2. 支持多平台测试

基于 @dcloudio/uni-automator 的强大能力，该工具支持 uni-app 的多个平台：

• 微信小程序（mp-weixin）
• app（需要额外安装 HBuilderX）
• H5 平台（需要额外安装 playwright）

3. 智能环境管理

工具内部实现了智能的环境初始化和清理机制：

• 自动管理 uni-app 程序的生命周期
• 支持远程调试模式
• 内置超时保护机制
• 完善的错误处理和日志输出

4. TypeScript 完整支持

提供了完整的 TypeScript 类型定义，让开发者在编写测试代码时享受完整的类型提示和智能补全：

{
  "compilerOptions": {
    "types": [
      "vitest-environment-uniapp/types"
    ]
  }
}

🧪 为什么 E2E 测试如此重要

在软件开发中，单元测试固然重要，但 E2E（End-to-End）测试在构建高质量代码过程中扮演着不可替代的角色。

提升代码可靠性

E2E 测试模拟真实用户的使用场景，从用户界面到后端服务的完整流程进行验证。与单元测试不同，E2E 测试能够发现：

• 组件间的集成问题
• 路由跳转逻辑错误
• 状态管理异常
• 平台兼容性问题

对于 uni-app 这种跨平台开发框架，E2E 测试尤为重要。它能够确保你的应用在不同平台上都能正常运行，避免出现"在开发环境正常，上线后出问题"的尴尬情况。

降低维护成本

虽然编写 E2E 测试需要投入一定的时间成本，但从长远来看，它能显著降低维护成本：

• 减少回归测试时间：自动化测试可以在几分钟内完成原本需要数小时的手动测试
• 快速定位问题：当出现 bug 时，E2E 测试能够快速定位问题所在
• 增强重构信心：有了完善的测试覆盖，你可以放心地进行代码重构，而不必担心破坏现有功能
• 文档化业务逻辑：测试代码本身就是最好的业务逻辑文档

提升团队协作效率

E2E 测试作为项目质量的"守门员"，能够：

• 统一团队对功能实现的理解
• 减少 code review 时的争议
• 让新成员快速理解项目功能
• 建立持续集成的质量保障体系

📦 快速上手

安装依赖

首先，安装必要的依赖：

pnpm i -D vitest-environment-uniapp @dcloudio/uni-automator

⚠️ 注意：@dcloudio/uni-automator 是必需的依赖，必须安装

配置 Vitest

在项目根目录创建或修改 vitest.config.ts：

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    environment: 'uniapp',
    environmentOptions: {
      uniapp: {
        compile: true,
        platform: 'mp-weixin',
        projectPath: './src',
        port: 5121,
      },
    },
  },
})

配置 TypeScript

在 tsconfig.json 中添加类型定义：

{
  "compilerOptions": {
    "types": [
      "vitest-environment-uniapp/types"
    ]
  }
}

添加测试脚本

在 package.json 中添加测试命令：

{
  "scripts": {
    "test": "vitest"
  }
}

编写测试用例

创建测试文件，例如 pages/index.test.ts：

import { beforeAll, describe, expect, it } from 'vitest'

describe('首页测试', () => {
  let page: Page
  beforeAll(async () => {
    page = await program.currentPage()
    await page.waitFor(3000)
  })

  it('检查页面标题', async () => {
    const el = await page.$('.uni-helper-logo__label')
    const titleText = await el.text()
    expect(titleText).toEqual('uni-helper')
  })
})

运行测试

执行测试命令：

pnpm test

🎯 环境配置选项详解

environmentOptions.uniapp 支持以下配置选项：

• compile: 是否在测试前编译项目（默认：false）
• platform: 目标平台，如 mp-weixin、mp-alipay 等
• projectPath: uni-app 项目路径
• port: 开发服务器端口
• devtools.remote: 是否启用远程调试模式

💡 提示：完整的配置参数参考 uni-app 官方文档。需要注意的是，官方文档可能存在更新滞后，建议以实际可用参数为准。

🔧 技术实现细节

vitest-environment-uniapp 的实现基于 Vitest 的自定义环境 API，核心类 UniAppEnvironment 实现了以下功能：

1. 环境初始化：在 setup 方法中初始化 uni-app automator
2. 全局对象注入：将 uni 和 program 注入到全局作用域
3. 资源清理：在 teardown 方法中正确清理资源
4. 错误处理：完善的错误捕获和日志输出机制

工具内部还实现了智能的状态管理，避免重复初始化，确保测试环境的稳定性。

🌟 总结

vitest-environment-uniapp 为 uni-app 开发者提供了一个现代化、高效的 E2E 测试解决方案。它不仅解决了传统测试工具配置复杂的问题，还充分发挥了 Vitest 的性能优势。

通过完善的 E2E 测试，你可以：

• 提升代码质量和可靠性
• 降低长期维护成本
• 增强团队协作效率
• 建立持续集成的质量保障体系

如果你正在开发 uni-app 项目，并且想要建立完善的测试体系，vitest-environment-uniapp 绝对值得一试。它会让你的测试工作变得前所未有的简单和高效。

📚 相关资源

• GitHub 仓库
• npm 包
• uni-app 官方文档
• Vitest 官方文档

---

最后

vitest-environment-uniapp 是一个免费的开源软件，遵循MIT协议，社区的赞助使其能够有更好的发展。

你的赞助会帮助我更好的维护@uni-helper，如果对你有帮助，请考虑赞助一下😊

你的star🌟也是对我的很大鼓励，Github

欢迎反馈问题和提pr共建

更多关于uni-helper更多文章

• create-uni v2 或许是当前最好用的uni-app CLI工具
• @uni-helper 社区：让 uni-app 拥抱 ESM 时代
• uni-helper 和他的朋友们：一群理想主义者的坚持与梦
• 🚀 定义即路由：definePage宏如何让uni-app路由配置原地起飞？
• 告别 uni-app 启动烦恼：@uni-helper/unh 让开发流程更顺畅
• AI 时代的新篇章：uni-app 终于有了 Skills，让 AI 成为你的最佳开发伙伴