MCP 前端测试服务器
简介
MCP 服务器为前端测试提供了一系列工具,包括:
- 代码分析:分析 JavaScript/TypeScript 代码,以确定合适的测试策略。
- 测试生成:为 Jest 和 Cypress 生成单元测试和组件测试。
- 测试执行:使用 Jest 和 Cypress 执行测试并返回结果。
- 组件测试:提供专门用于测试 React 组件的工具。
快速开始
安装
- 克隆仓库:
- 进入项目目录:
- 安装依赖:
运行服务器
HTTP 传输
Stdio 传输
使用指南
工具
- analyzeCode:分析代码并返回分析结果。
- 参数:
code(字符串,必填):要分析的源代码。language(枚举,可选):代码语言(javascript|typescript|jsx|tsx,默认:javascript)。
- generateTest:根据源代码和框架生成测试代码。
- 参数:
code(字符串,必填):要生成测试的源代码。framework(枚举,必填):测试框架(jest|cypress)。type(枚举,必填):测试类型(unit|component|e2e)。language(枚举,可选):代码语言(javascript|typescript|jsx|tsx,默认:javascript)。description(字符串,可选):测试用例的描述。
- runTest:运行测试并返回结果。
- 参数:
sourceCode(字符串,必填):被测试的源代码。testCode(字符串,必填):要执行的测试代码。framework(枚举,必填):测试框架(jest|cypress)。type(枚举,必填):测试类型(unit|component|e2e)。config(对象,可选):测试执行的配置对象。
- testReactComponent:专门为 React 组件运行组件测试。
- 参数:
componentCode(字符串,必填):React 组件的源代码。testCode(字符串,可选):组件的测试代码(如果未提供,则自动生成)。framework(枚举,可选):测试框架(jest|cypress,默认:jest)。props(对象,可选):测试期间传递给组件的 props。autoGenerateTest(布尔值,可选):如果未提供测试代码,是否自动生成(默认:true)。
资源
- templates:提供测试模板。
- URI:
templates://{framework}/{type} - 参数:
framework(字符串,必填):测试框架(jest|cypress)。type(字符串,必填):模板类型(unit|component)。
- docs:提供测试框架的文档。
- URI:
docs://{topic} - 参数:
topic(字符串,必填):文档主题(jest|cypress|react-testing-library)。
部署
Docker
使用 Docker 构建并运行服务器:
云平台
可以部署到云平台,如 AWS Lambda、Google Cloud Run 或 Azure Functions,以实现无服务器或容器化部署。
注意:该服务器设计用于与 MCP 客户端配合使用,以便 LLMs(大型语言模型)执行前端测试任务。
- Author:waytomcp
- URL:https://www.waytomcp.com/article/StudentOfJS/mcp-frontend-testing
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!





