mcpField
P
Playwright MCP Project

Playwright MCP Project

ローカル
github.com/vikaskumarprofessional92ブラウザ自動化082 週間前に更新
リポジトリ

Playwright MCP Project について

Playwright MCPサーバーとJenkinsパイプラインの利用例を示すテストプロジェクトです。ブラウザテストに加え、依存関係の導入、テスト実行、レポート公開を行うパイプライン設定を含みます。

主な機能

  1. 01Playwrightのブラウザテスト
  2. 02Jenkinsパイプライン設定
  3. 03依存関係の導入とテスト実行
  4. 04テストレポートの生成と公開

活用シーン

  1. 01ブラウザー操作のサンプルテストを実行
  2. 02Jenkinsパイプラインでテストを実行
  3. 03テストレポートを生成して公開

MCP 対応

`settings.json`で`@playwright/mcp@latest`の`--vision`オプションを有効にするなど、Playwright MCPサーバーの設定例を示します。

#playwright#jenkins#automation

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "playwright-mcp-project": {
      "command": "npx",
      "args": [
        "-y",
        "@playwright/mcp"
      ]
    }
  }
}
起動コマンドnpx -y @playwright/mcp

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@playwright/mcp

ツール

30

掲載時のツール一覧 · 3 週間前に更新

このツールにパラメーターはありません。

詳細

Playwright MCP プロジェクト

Jenkins パイプラインで Playwright MCP サーバーの使用方法を実演するプロジェクトです。

前提条件

  • マシンに Node.js がインストールされていること。
  • npm（Node.js パッケージマネージャー）は Node.js に付属しています。

インストール

  1. リポジトリをクローンします：

    git clone https://github.com/vikaskumarprofessional92/playwright-mcp-project.git
cd playwright-mcp-project

  2. 依存関係をインストールします：

    npm install

  3. Playwright MCP サーバーをセットアップします：

    • 次のように settings.json で MCP サーバーが設定されていることを確認します： 
      {
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--vision"
      ]
    }
  }
}

テストの実行

テストを実行するには、次のコマンドを使用します：

npx playwright test

テスト仕様

テスト仕様は src/tests/example.spec.ts ファイルにあります。このファイルには、ブラウザーを開いて Google.ca のウェブサイトに移動するテストケースを含むテストスイートが記述されています。

Jenkins との連携

このプロジェクトには、継続的インテグレーション用の Jenkins パイプライン設定が含まれています。パイプラインは次の処理を行うよう設定されています：

  • 依存関係をインストールする
  • テストを実行する
  • テストレポートを生成して公開する

ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。