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 传输

```bash

构建服务器

npm run build

使用 HTTP 传输启动服务器

npm run start:http ```

Stdio 传输

```bash

构建服务器

npm run build

使用 Stdio 传输启动服务器

npm run start:stdio ```

用法

工具

• analyzeCode: 分析代码并返回分析结果。
  • 参数:
    • `code` (string, 必需): 要分析的源代码。
    • `language` (enum, 可选): 代码的语言 (`javascript` | `typescript` | `jsx` | `tsx`, 默认: `javascript`)。
• generateTest: 根据源代码和框架生成测试代码。
  • 参数:
    • `code` (string, 必需): 要为其生成测试的源代码。
    • `framework` (enum, 必需): 测试框架 (`jest` | `cypress`)。
    • `type` (enum, 必需): 测试类型 (`unit` | `component` | `e2e`)。
    • `language` (enum, 可选): 代码的语言 (`javascript` | `typescript` | `jsx` | `tsx`, 默认: `javascript`)。
    • `description` (string, 可选): 测试用例的描述。
• runTest: 运行测试并返回结果。
  • 参数:
    • `sourceCode` (string, 必需): 被测试的源代码。
    • `testCode` (string, 必需): 要执行的测试代码。
    • `framework` (enum, 必需): 测试框架 (`jest` | `cypress`)。
    • `type` (enum, 必需): 测试类型 (`unit` | `component` | `e2e`)。
    • `config` (record, 可选): 用于测试执行的配置对象。
• testReactComponent: 专门为 React 组件运行组件测试。
  • 参数:
    • `componentCode` (string, 必需): React 组件的源代码。
    • `testCode` (string, 可选): 组件的测试代码（如果未提供，则自动生成）。
    • `framework` (enum, 可选): 测试框架 (`jest` | `cypress`, 默认: `jest`)。
    • `props` (record, 可选): 在测试期间传递给组件的 props。
    • `autoGenerateTest` (boolean, 可选): 如果未提供，则自动生成测试代码（默认: `true`）。

资源

• templates: 提供测试模板。
  • URI: `templates://{framework}/{type}`
  • 参数:
    • `framework` (string, 必需): 测试框架 (`jest` | `cypress`)。
    • `type` (string, 必需): 模板类型 (`unit` | `component`)。
• docs: 提供测试框架的文档。
  • URI: `docs://{topic}`
  • 参数:
    • `topic` (string, 必需): 文档主题 (`jest` | `cypress` | `react-testing-library`)。

部署

Docker

使用 Docker 构建和运行服务器：

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

云

部署到云平台，如 AWS Lambda、Google Cloud Run 或 Azure Functions，以进行无服务器或容器化部署。

---

注意: 此服务器旨在与 MCP 客户端一起使用，以使 LLM 能够执行前端测试任务。