前端测试工具

MCP前端测试服务器

描述

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

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

入门指南

安装

1. 克隆存储库： `git克隆 mcp前端测试`
2. 导航到项目目录： `cd-mcp前端测试`
3. 安装依赖项： `npm安装`

运行服务器

HTTP传输

```bash

构建服务器

npm运行构建

使用HTTP传输启动服务器

npm运行开始：http ```

标准运输

```bash

构建服务器

npm运行构建

使用Stdio传输启动服务器

npm运行启动：stdio ```

用法

工具

• analyzeCode：分析代码并返回分析结果。
  • 参数:
    • `code`（string，必填）：要分析的源代码。
    • `language（枚举，可选）：代码的语言（javascript、typescript、jsx、tsx，默认为javascript）。
• 生成测试：基于源代码和框架生成测试代码。
  • 参数:
    • `code`（string，必填）：生成测试的源代码。
    • `framework（enum，必填）：测试框架（jest |柏树）。
    • `type`（enum，必填）：测试类型（`unit`|`component`|`e2e`）。
    • `language（枚举，可选）：代码的语言（javascript、typescript、jsx、tsx，默认为javascript）。
    • `description`（字符串，可选）：测试用例的描述。
• 运行测试：运行测试并返回结果。
  • 参数:
    • `sourceCode`（字符串，必填）：正在测试的源代码。
    • `testCode`（string，必填）：要执行的测试代码。
    • `framework（enum，必填）：测试框架（jest |柏树）。
    • `type`（enum，必填）：测试类型（`unit`|`component`|`e2e`）。
    • `config`（record，可选）：用于测试执行的配置对象。
• testReactComponent：专门为React组件运行组件测试。
  • 参数:
    • `componentCode`（string，必填）：React组件的源代码。
    • `testCode`（字符串，可选）：组件的测试代码（如果未提供，则自动生成）。
    • `framework（enum，可选）：测试框架（jest |柏树，默认值：jest）。
    • `props（记录，可选）：在测试期间传递给组件的props。
    • `autoGenerateTest（布尔值，可选）：如果没有提供，则自动生成测试代码（默认值：true）。

资源

• 模板：提供测试模板。
  • 统一资源标识符：`模板：//{框架}/{类型}`
  • 参数:
    • `framework（string，必填）：测试框架（jest |柏树）。
    • `type`（string，必填）：模板的类型（`unit` | `component`）。
• 文档：提供测试框架的文档。
  • 统一资源标识符：`docs://{topic}`
  • 参数:
    • `topic（字符串，必填）：文档主题（jest |柏树|反应测试库）。

部署

码头工人

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

```bash docker build-t mcp前端测试。 docker run-p 3000:3000mcp前端测试 ```

云

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

---

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