MCP 前端测试服务器
描述
该 MCP 服务器提供前端测试工具，包括：
代码分析：分析 JavaScript/TypeScript 代码以确定适当的测试策略。
测试生成：为 Jest 和 Cypress 生成单元和组件测试。
测试运行：使用 Jest 和 Cypress 执行测试并返回结果。
组件测试：提供专门用于测试 React 组件的工具。
Related MCP server: MCP Server Pentest
入门
安装
克隆存储库： `git clone mcp-frontend-testing`
导航到项目目录： `cd mcp-frontend-testing`
安装依赖项： `npm install`
运行服务器
HTTP 传输
```bash
构建服务器
npm 运行构建
使用 HTTP 传输启动服务器
npm 运行开始：http ```
标准传输
```bash
构建服务器
npm 运行构建
使用 Stdio 传输启动服务器
npm 运行开始：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 构建并运行服务器：
```bash docker build -t mcp-frontend-testing.docker run -p 3000:3000 mcp-frontend-testing```
云
部署到 AWS Lambda、Google Cloud Run 或 Azure Functions 等云平台，实现无服务器或容器化部署。
注意：此服务器设计用于与 MCP 客户端一起使用，以使 LLM 能够执行前端测试任务。