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!