Frontend Test Generation & Code Review MCP Server
fe-testgen-mcp
基于 MCP 协议的前端单元测试生成服务,专注于 AI 分析和代码生成能力。通过 HTTP Streaming 暴露 MCP 工具,可与 n8n、Cursor、Claude 等客户端集成。
核心能力
测试矩阵分析:分析代码变更,生成功能清单和测试场景
测试代码生成:基于矩阵生成完整的单元测试代码
多框架支持:支持 Vitest 和 Jest
多场景覆盖:happy-path、edge-case、error-path、state-change
Related MCP server: Phabricator MCP Server
快速开始
# 安装依赖
pnpm install
# 构建
pnpm build
# 启动服务
pnpm start服务默认监听 http://localhost:3000/mcp
环境配置
复制 env.example 为 .env 并填写必要配置:
# 必需:OpenAI API 密钥
OPENAI_API_KEY=your_api_key
# 可选:自定义模型
OPENAI_MODEL=gpt-4
# 可选:服务配置
HTTP_PORT=3000
HTTP_HOST=0.0.0.0 # 允许外部访问MCP 工具
analyze-test-matrix
分析代码变更,生成测试矩阵。
参数:
参数 | 类型 | 必需 | 说明 |
rawDiff | string | ✅ | Unified diff 格式文本 |
identifier | string | 唯一标识符(MR ID、commit hash) | |
rules | string | test-strategy.md 内容 | |
framework | string | 测试框架(vitest/jest) |
返回:功能清单、测试场景、统计信息
generate-tests
生成单元测试代码。
参数:
参数 | 类型 | 必需 | 说明 |
rawDiff | string | ✅ | Unified diff 格式文本 |
identifier | string | 唯一标识符 | |
rules | string | test-strategy.md 内容 | |
framework | string | 测试框架 | |
scenarios | string[] | 指定场景类型 | |
maxTests | number | 最大测试数量 |
返回:测试用例数组(包含文件路径、代码、场景类型)
n8n 集成
工作流示例
GitLab/Phabricator Webhook
│
▼
读取 diff + rules 文件
│
▼
调用 MCP generate-tests
│
▼
写入测试文件 + 创建 MR
│
▼
发送通知(企微/飞书)HTTP 调用示例
curl -X POST http://localhost:3000/mcp \
-H "Content-Type: application/json" \
-d '{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/call",
"params": {
"name": "generate-tests",
"arguments": {
"rawDiff": "diff --git a/src/utils.ts ...",
"framework": "vitest"
}
}
}'rules 文件格式
在项目中创建 .cursor/rules/test-strategy.md:
# 测试生成规则
## 测试框架配置
- **测试框架**:vitest
- **测试文件模式**:**/*.{test,spec}.{ts,tsx}
## Mock 策略
- 使用 vi.fn() 进行函数 mock
- HTTP 请求优先 mock fetch/axiosn8n 读取此文件内容,作为 rules 参数传给 MCP。
Docker 部署
docker build -t fe-testgen-mcp .
docker run -d -p 3000:3000 \
-e OPENAI_API_KEY=xxx \
fe-testgen-mcp常见问题
Q: 如何提高生成结果的一致性?
A: 服务默认使用 temperature=0 和固定 seed=42,同时启用响应缓存。
Q: 如何指定测试框架?
A: 优先级:framework 参数 > rules 中解析 > 默认 vitest
Q: 需要 Node.js 版本?
A: Node.js 18+(推荐 20+)
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Related MCP Servers
- AlicenseDqualityDmaintenanceProvides tools for frontend testing including code analysis, test generation, test execution, and React component testing for Jest and Cypress frameworks.426MIT
- AlicenseNot gradedqualityDmaintenanceEnables AI assistants to interact with Phabricator for task management and code review workflows, including viewing and commenting on tasks, managing differential revisions, and providing intelligent review analysis with code context.7MIT
- AlicenseNot gradedqualityDmaintenanceAnalyzes React component changes by performing structural analysis and generating visual diffs to identify pixel-level differences. It integrates with Figma to validate implementation compliance against design specifications and automates component reviews across git branches.MIT
- FlicenseAqualityDmaintenanceProvides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.6
Related MCP Connectors
Risk-scan a diff, flag AI-generated-code tells, find secrets. 5 of 7 tools need no account.
AI QA that runs your app in a browser on every pull request: projects, test targets, test cases.
Agentic code review, no signup to try: reality gates + frontier-model review, with veto.
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/NorthSeacoder/fe-testgen-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server