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.

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.