首页/开发者工具/mcp-frontend-testing

mcp-frontend-testing

查看源码
2025-5-12
Words 881Read Time 3 min
Score:85

提供前端测试工具,支持代码分析、测试生成与执行,专为React组件测试设计。

TypeScript

MCP 前端测试服务器

简介

MCP 服务器为前端测试提供了一系列工具,包括:
  • 代码分析:分析 JavaScript/TypeScript 代码,以确定合适的测试策略。
  • 测试生成:为 Jest 和 Cypress 生成单元测试和组件测试。
  • 测试执行:使用 Jest 和 Cypress 执行测试并返回结果。
  • 组件测试:提供专门用于测试 React 组件的工具。

快速开始

安装

  1. 克隆仓库:
    1. 进入项目目录:
      1. 安装依赖:

        运行服务器

        HTTP 传输

        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(对象,可选):测试期间传递给组件的 props。
            • autoGenerateTest(布尔值,可选):如果未提供测试代码,是否自动生成(默认:true)。

        资源

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

        部署

        Docker

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

        云平台

        可以部署到云平台,如 AWS Lambda、Google Cloud Run 或 Azure Functions,以实现无服务器或容器化部署。
        注意:该服务器设计用于与 MCP 客户端配合使用,以便 LLMs(大型语言模型)执行前端测试任务。
        上一篇
        xiyan_mcp_server
        下一篇
        mcp-terminal