MCP Frontend Testing

🚀 MCPフロントエンドテストサーバー

このMCPサーバーは、フロントエンドテスト用のツールを提供します。具体的には、コード分析、テスト生成、テスト実行、コンポーネントテストなどの機能を備えており、JavaScriptやTypeScriptのコードのテストを効率的に行うことができます。

🚀 クイックスタート

📦 インストール

1. リポジトリをクローンする: git clone <repository-url> mcp-frontend-testing
2. プロジェクトディレクトリに移動する: cd mcp-frontend-testing
3. 依存関係をインストールする: npm install

サーバーの起動

HTTPトランスポート

# サーバーをビルドする
npm run build

# HTTPトランスポートでサーバーを起動する
npm run start:http

Stdioトランスポート

# サーバーをビルドする
npm run build

# Stdioトランスポートでサーバーを起動する
npm run start: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: テストテンプレートを提供します。
  • URI: templates://{framework}/{type}
  • パラメーター:
    • framework (文字列、必須): テストフレームワーク (jest | cypress)。
    • type (文字列、必須): テンプレートの種類 (unit | component)。
• docs: テストフレームワークのドキュメントを提供します。
  • URI: docs://{topic}
  • パラメーター:
    • topic (文字列、必須): ドキュメントのトピック (jest | cypress | react-testing-library)。

🚀 デプロイ

Docker

Dockerを使用してサーバーをビルドし、実行します。

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

クラウド

AWS Lambda、Google Cloud Run、Azure Functionsなどのクラウドプラットフォームにデプロイして、サーバーレスまたはコンテナ化されたデプロイを行うことができます。

⚠️ 重要提示

このサーバーは、MCPクライアントと共に使用することを想定して設計されており、LLMがフロントエンドテストタスクを実行できるようになっています。