MCP Frontend Testing Server

MCP前端测试服务器

描述

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

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

入门指南

安装

1. 克隆存储库：

\git克隆 mcp前端测试\

1. 导航到项目目录：

\cd-mcp前端测试\

1. 安装依赖项：

\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能够执行前端测试任务。