Skip to main content
Glama
NorthSeacoder

Frontend Test Generation & Code Review MCP Server

fe-testgen-mcp

Сервис генерации модульных тестов для фронтенда на основе протокола MCP, сфокусированный на возможностях ИИ-анализа и генерации кода. Предоставляет инструменты MCP через HTTP Streaming, что позволяет интегрировать его с такими клиентами, как n8n, Cursor, Claude и другими.

Основные возможности

  • Анализ матрицы тестирования: анализ изменений в коде, генерация списка функций и тестовых сценариев

  • Генерация тестового кода: создание полных модульных тестов на основе матрицы

  • Поддержка нескольких фреймворков: поддержка Vitest и Jest

  • Покрытие различных сценариев: happy-path, edge-case, error-path, state-change

Related MCP server: Phabricator MCP Server

Быстрый старт

# 安装依赖
pnpm install

# 构建
pnpm build

# 启动服务
pnpm start

По умолчанию сервис прослушивает http://localhost:3000/mcp

Настройка окружения

Скопируйте env.example в .env и заполните необходимые параметры:

# 必需:OpenAI API 密钥
OPENAI_API_KEY=your_api_key

# 可选:自定义模型
OPENAI_MODEL=gpt-4

# 可选:服务配置
HTTP_PORT=3000
HTTP_HOST=0.0.0.0  # 允许外部访问

Инструменты MCP

analyze-test-matrix

Анализирует изменения в коде и генерирует матрицу тестирования.

Параметры:

Параметр

Тип

Обязательно

Описание

rawDiff

string

Текст в формате Unified diff

identifier

string

Уникальный идентификатор (MR ID, commit hash)

rules

string

Содержимое test-strategy.md

framework

string

Тестовый фреймворк (vitest/jest)

Возвращаемые данные: список функций, тестовые сценарии, статистическая информация

generate-tests

Генерирует код модульных тестов.

Параметры:

Параметр

Тип

Обязательно

Описание

rawDiff

string

Текст в формате Unified diff

identifier

string

Уникальный идентификатор

rules

string

Содержимое test-strategy.md

framework

string

Тестовый фреймворк

scenarios

string[]

Указанные типы сценариев

maxTests

number

Максимальное количество тестов

Возвращаемые данные: массив тестовых случаев (включая путь к файлу, код, тип сценария)

Интеграция с n8n

Пример рабочего процесса

GitLab/Phabricator Webhook
    │
    ▼
读取 diff + rules 文件
    │
    ▼
调用 MCP generate-tests
    │
    ▼
写入测试文件 + 创建 MR
    │
    ▼
发送通知(企微/飞书)

Пример HTTP-запроса

curl -X POST http://localhost:3000/mcp \
  -H "Content-Type: application/json" \
  -d '{
    "jsonrpc": "2.0",
    "id": 1,
    "method": "tools/call",
    "params": {
      "name": "generate-tests",
      "arguments": {
        "rawDiff": "diff --git a/src/utils.ts ...",
        "framework": "vitest"
      }
    }
  }'

Формат файла rules

Создайте в проекте файл .cursor/rules/test-strategy.md:

# 测试生成规则

## 测试框架配置
- **测试框架**:vitest
- **测试文件模式**:**/*.{test,spec}.{ts,tsx}

## Mock 策略
- 使用 vi.fn() 进行函数 mock
- HTTP 请求优先 mock fetch/axios

n8n считывает содержимое этого файла и передает его в качестве параметра rules для MCP.

Развертывание в Docker

docker build -t fe-testgen-mcp .
docker run -d -p 3000:3000 \
  -e OPENAI_API_KEY=xxx \
  fe-testgen-mcp

Часто задаваемые вопросы

В: Как повысить согласованность результатов генерации?

О: Сервис по умолчанию использует temperature=0 и фиксированный seed=42, а также включает кэширование ответов.

В: Как указать тестовый фреймворк?

О: Приоритет: параметр framework > парсинг из rules > по умолчанию vitest

В: Какая версия Node.js требуется?

О: Node.js 18+ (рекомендуется 20+)

F
license - not found
Not graded
quality - not tested
D
maintenance

Maintenance

Maintainers
Response time
Release cycle
Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Servers

  • A
    license
    Not graded
    quality
    D
    maintenance
    Analyzes React component changes by performing structural analysis and generating visual diffs to identify pixel-level differences. It integrates with Figma to validate implementation compliance against design specifications and automates component reviews across git branches.
    MIT
  • F
    license
    A
    quality
    D
    maintenance
    Provides AI assistants with frontend development tools including component scaffolding, bundle analysis, accessibility checks, and responsive design guidance. Enables automated generation of React components with tests and stories, bundle optimization recommendations, and WCAG compliance fixes.
    6

View all related MCP servers

Related MCP Connectors

  • Risk-scan a diff, flag AI-generated-code tells, find secrets. 5 of 7 tools need no account.

  • AI QA that runs your app in a browser on every pull request: projects, test targets, test cases.

  • Agentic code review, no signup to try: reality gates + frontier-model review, with veto.

View all MCP Connectors

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/NorthSeacoder/fe-testgen-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server