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

説明

この MCP サーバーは、次のようなフロントエンド テスト用のツールを提供します。

• コード分析: JavaScript/TypeScript コードを分析して適切なテスト戦略を決定します。
• テスト生成: Jest および Cypress のユニット テストとコンポーネント テストを生成します。
• テスト実行: Jest と Cypress を使用してテストを実行し、結果を返します。
• コンポーネント テスト: React コンポーネントをテストするための専用ツールを提供します。

はじめる

インストール

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

サーバーの実行

HTTPトランスポート

```バッシュ

サーバーを構築する

npm 実行ビルド

HTTPトランスポートでサーバーを起動する

npm 実行開始:http ```

Stdioトランスポート

```バッシュ

サーバーを構築する

npm 実行ビルド

Stdioトランスポートでサーバーを起動する

npm 実行開始: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` (レコード、オプション): テスト中にコンポーネントに渡すプロパティ。
    • `autoGenerateTest` (ブール値、オプション): 指定されていない場合はテスト コードを自動的に生成します (デフォルト: `true`)。

リソース

• templates : テストテンプレートを提供します。
  • URI : `templates://{framework}/{type}`
  • パラメータ:
    • `framework` (文字列、必須): テスト フレームワーク (`jest` | `cypress`)。
    • `type` (文字列、必須): テンプレートのタイプ (`unit` | `component`)。
• docs : テストフレームワークに関するドキュメントを提供します。
  • URI : `docs://{topic}`
  • パラメータ:
    • `topic` (文字列、必須): ドキュメントのトピック (`jest` | `cypress` | `react-testing-library`)。

展開

ドッカー

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

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

雲

サーバーレスまたはコンテナ化されたデプロイメントのために、AWS Lambda、Google Cloud Run、Azure Functions などのクラウド プラットフォームにデプロイします。

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