MCP フロントエンドテストサーバー
説明
この MCP サーバーは、次のようなフロントエンド テスト用のツールを提供します。
コード分析: JavaScript/TypeScript コードを分析して適切なテスト戦略を決定します。
テスト生成: Jest および Cypress のユニット テストとコンポーネント テストを生成します。
テスト実行: Jest と Cypress を使用してテストを実行し、結果を返します。
コンポーネント テスト: React コンポーネントをテストするための専用ツールを提供します。
Related MCP server: MCP Server Pentest
はじめる
インストール
リポジトリをクローンします: `git clone mcp-frontend-testing`
プロジェクトディレクトリに移動します: `cd mcp-frontend-testing`
依存関係をインストール: `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 がフロントエンド テスト タスクを実行できるように設計されています。