MCP 前端测试服务器

描述

此MCP服务器提供了前端测试工具，包括：

• 代码分析：分析JavaScript/TypeScript代码以确定适当的测试策略。
• 测试生成：为Jest和Cypress生成单元和组件测试。
• 测试执行：使用Jest和Cypress执行测试并返回结果。
• 组件测试：提供专门用于测试React组件的工具。

快速开始

安装

1. 克隆仓库： git clone <repository-url> mcp-frontend-testing
2. 导航到项目目录： cd mcp-frontend-testing
3. 安装依赖： npm install

运行服务器

HTTP传输

# 构建服务器
npm run build

# 使用HTTP传输启动服务器
npm run start:http

标准IO传输

# 构建服务器
npm run build

# 使用标准IO传输启动服务器
npm run start: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 (记录，可选)：在测试期间传递给组件的属性。
    • 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构建并运行服务器：

docker build -t mcp-frontend-testing .
docker run -p 3000:3000 mcp-frontend-testing

云部署

部署到AWS Lambda、Google Cloud Run或Azure Functions等云平台，实现无服务器或容器化部署。

---

注意：此服务器设计用于与MCP客户端配合使用，使LLMs能够执行前端测试任务。