⚡

前端测试生成器 frontend-test

前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试

测试 0 次安装 0 次浏览 更新于 3/4/2026

名称: 前端测试生成器 描述: 生成前端组件测试（单元测试、快照测试、端到端测试）。当用户说“测试这个组件”、“编写组件测试”或“添加组件测试”时自动调用。 允许的工具: 读取、写入、编辑、Grep、Glob、Bash 版本: 1.0.0

前端测试生成器

使用 React Testing Library 生成 React/Vue 组件测试，包括用户交互测试。

何时调用

当用户提到以下内容时自动调用：

  • “测试这个组件”
  • “编写组件测试”
  • “测试组件”
  • “添加组件测试”
  • “为[名称]生成组件测试”

功能说明

  1. 使用 RTL 工具生成测试文件
  2. 测试组件渲染
  3. 测试用户交互（点击、输入等）
  4. 测试可访问性
  5. 生成快照测试

成功标准

  • [ ] 生成的测试文件包含 RTL 导入
  • [ ] 正确测试组件渲染
  • [ ] 测试用户交互
  • [ ] 验证可访问性属性
  • [ ] 测试遵循 React Testing Library 最佳实践

编写前端组件测试时自动调用 ⚛️