Servidor de pruebas frontend de MCP

Descripción

Este servidor MCP proporciona herramientas para pruebas frontend, incluidas:

• Análisis de código : analiza el código JavaScript/TypeScript para determinar estrategias de prueba adecuadas.

• Generación de pruebas : genera pruebas unitarias y de componentes para Jest y Cypress.

• Ejecución de pruebas : ejecuta pruebas utilizando Jest y Cypress y devuelve resultados.

• Prueba de componentes : proporciona una herramienta específicamente para probar componentes React.

Related MCP server: MCP Server Pentest

Empezando

Instalación

1. Clonar el repositorio: `git clone mcp-frontend-testing`

2. Navegue al directorio del proyecto: `cd mcp-frontend-testing`

3. Instalar dependencias: `npm install`

Ejecución del servidor

Transporte HTTP

``golpe

Construir el servidor

npm ejecutar compilación

Iniciar el servidor con transporte HTTP

npm ejecutar inicio:http ```

Transporte de Studio

``golpe

Construir el servidor

npm ejecutar compilación

Iniciar el servidor con el transporte Stdio

npm ejecutar inicio:stdio ```

Uso

Herramientas

• AnalyzeCode : analiza el código y devuelve resultados del análisis.

  • Parámetros :

    • `code` (cadena, obligatoria): El código fuente a analizar.

    • `language` (enum, opcional): Idioma del código (`javascript` | `typescript` | `jsx` | `tsx`, predeterminado: `javascript`).

• generateTest : genera código de prueba basado en el código fuente y el marco.

  • Parámetros :

    • `code` (cadena, obligatoria): el código fuente para el cual se generarán pruebas.

    • `framework` (enum, obligatorio): marco de prueba (`jest` | `cypress`).

    • `type` (enum, requerido): Tipo de prueba (`unit` | `component` | `e2e`).

    • `language` (enum, opcional): Idioma del código (`javascript` | `typescript` | `jsx` | `tsx`, predeterminado: `javascript`).

    • `description` (cadena, opcional): Descripción del caso de prueba.

• runTest : ejecuta pruebas y devuelve resultados.

  • Parámetros :

    • `sourceCode` (cadena, obligatoria): el código fuente que se está probando.

    • `testCode` (cadena, obligatoria): el código de prueba a ejecutar.

    • `framework` (enum, obligatorio): marco de prueba (`jest` | `cypress`).

    • `type` (enum, requerido): Tipo de prueba (`unit` | `component` | `e2e`).

    • `config` (registro, opcional): objeto de configuración para la ejecución de pruebas.

• testReactComponent : ejecuta pruebas de componentes específicamente para componentes React.

  • Parámetros :

    • `componentCode` (cadena, obligatoria): el código fuente del componente React.

    • `testCode` (cadena, opcional): Código de prueba para el componente (generado automáticamente si no se proporciona).

    • `framework` (enumeración, opcional): Marco de prueba (`jest` | `cypress`, predeterminado: `jest`).

    • `props` (registro, opcional): Propiedades que se pasarán al componente durante la prueba.

    • `autoGenerateTest` (booleano, opcional): genera automáticamente el código de prueba si no se proporciona (valor predeterminado: `true`).

Recursos

• plantillas : proporciona plantillas de prueba.

  • URI : `plantillas://{marco}/{tipo}`

  • Parámetros :

    • `framework` (cadena, obligatorio): marco de prueba (`jest` | `cypress`).

    • `type` (cadena, obligatorio): Tipo de plantilla (`unidad` | `componente`).

• docs : proporciona documentación para probar marcos.

  • URI : `docs://{tema}`

  • Parámetros :

    • `topic` (cadena, obligatorio): Tema de documentación (`jest` | `cypress` | `react-testing-library`).

Despliegue

Estibador

Construya y ejecute el servidor usando Docker:

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

Nube

Implemente en plataformas en la nube como AWS Lambda, Google Cloud Run o Azure Functions para implementaciones sin servidor o en contenedores.

Nota : Este servidor está diseñado para usarse con un cliente MCP para permitir que los LLM realicen tareas de pruebas de interfaz.