Add Playwright integration specification for browser testing in execution environments by Copilot · Pull Request #156 · notfolder/coding_agent

Copilot · 2025-12-07T04:27:38Z

Original prompt

This section details on the original issue you should resolve

<issue_title>playwright対応</issue_title>
<issue_description>コマンド実行環境(MULTI_LANGUAGE_ENVIRONMENT_SPECIFICATION.md)と同じ様に、
playwrightのdockerコンテナも同時に作成して、playwright mcpサーバーをllmに提供してllmがコードを動かして、playwrightで検証出来る様にしたい。
dockerのネットワーク構成とか、llmに渡すプロンプトを考えて(URLはどうするのが良いか要検討)。

上記の様な仕様を日本語で詳細設計してください。設計はプログラムを書くのではなく、日本語で詳細を記述してください。
markdown形式で仕様を出力して。実装スケジュールは必要ありません。</issue_description>

Comments on the Issue (you are @copilot in this section)
@notfolder 実行環境docker内にplaywrightを導入してMCPサーバーを起動することは十分に可能だと考えられます。以下、その理由と実装方針を説明します。
実装可能性の根拠

既存のMCPサーバー導入実績
現在のコードでは、実行環境docker内でtext-editor MCPサーバーを既に導入しています:

dockerfile:docker/executor-python/Dockerfile

Node.jsをインストール(text-editor MCP用)

RUN curl -fsSL https://deb.nodesource.com/setup_20.x | bash -
&& apt-get install -y nodejs
&& rm -rf /var/lib/apt/lists/*
全ての言語環境イメージ（python, miniforge, node, java, go）で同様にNode.jsがインストールされており、MCPサーバーを実行可能な環境が整っています。

コンテナの永続実行設計
実行環境dockerはENTRYPOINT ["sleep", "infinity"]で永続実行されるため、playwright MCPサーバーをバックグラウンドプロセスとして起動し続けることが可能です。

ネットワーク構成
python:handlers/execution_environment_manager.py

coding-agent-networkに接続してwebやrabbitmqにアクセス可能にする

"--network", "coding_agent_coding-agent-network",
実行環境dockerは既にcoding-agent-networkに接続されており、複数コンテナ間の通信が可能です。

コマンド実行機構
python:handlers/execution_environment_manager.py
def execute_command(self, command: str, working_directory: str | None = None) -> dict[str, Any]:
exec_args = [
"exec",
"-w", work_dir,
container_id,
"sh", "-c", command,
]
docker execでコンテナ内のコマンドを自由に実行できるため、playwright MCPサーバーの起動やプロセス管理が可能です。

実装方針:実行環境docker内に統合
各言語環境イメージのDockerfileにplaywrightとブラウザ(chromium)をインストール
playwright MCPサーバーをコンテナ起動時にバックグラウンドで起動(text-editor MCPと同じ方法)
追加コンテナ不要で構成がシンプル

Chromiumなどのブラウザはサイズが大きいため、イメージサイズが増加します
言語毎のイメージに加えてブラウザ入りの環境を用意、計画時に選ばせる様にする

Dockerコンテナ内ではGUI不要なheadlessモードで実行
必要な依存ライブラリ（libxなど）のインストールが必要

検証対象のWebアプリケーションが実行環境docker内で起動している場合はlocalhostでアクセス可能
外部URLへのアクセスも可能

Fixes playwright対応 #106

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

notfolder

@copilot
レビューに従って修正して下さい
環境を選択後にのみfunction callingやシステムプロンプトにplaywright mcpサーバーを追加する様に定義して下さい

notfolder · 2025-12-07T05:20:24Z

+    └── playwright/    # Playwright MCP Server作業ディレクトリ
+```
+
+#### 3.1.3 環境変数設定


環境変数無しで、この章を削除して下さい

環境変数設定セクション（3.1.3）を削除しました。(482e63c)

notfolder · 2025-12-07T05:23:25Z

+ENTRYPOINT ["/bin/bash", "-c", "/workspace/start-mcp-servers.sh && sleep infinity"]
+```
+
+### 3.2 イメージサイズ対策


イメージサイズ対策は不要です。この章は削除してください

イメージサイズ対策セクション（3.2）を削除しました。(482e63c)

notfolder · 2025-12-07T05:24:43Z

+    └── Dockerfile                    # 通常版（Playwrightなし）
+```
+
+**注記:**


javaもgoも用意して下さい

Java-PlaywrightとGo-Playwrightバリアントを追加しました。全ての言語環境でPlaywright版を提供します。(482e63c)

notfolder · 2025-12-07T05:26:01Z

+3. スクリーンショット撮影や要素検証を実行
+```
+
+#### 4.1.3 Docker間通信（将来拡張）


docker間通信の定義は不要です。この章は削除で

Docker間通信セクション（4.1.3）を削除しました。(482e63c)

notfolder · 2025-12-07T05:31:52Z

+
+---
+
+## 12. 実装優先順位


実装優先度は不要です。この章は削除で

実装優先順位セクション（旧12章）を削除し、以降のセクション番号を繰り上げました。(482e63c)

notfolder · 2025-12-07T05:32:45Z

+- ホワイトリストモードの使用を推奨
+- プロダクション環境へのアクセスは慎重に
+
+#### 14.1.3 Docker間通信（将来対応）


この章は削除で

ポート番号管理セクション（14.2）とDocker間通信セクション（14.1.3）を削除しました。(482e63c)

notfolder · 2025-12-07T05:35:29Z

+ENV DISPLAY=:99
+```
+
+#### 3.1.4 起動スクリプト


この起動スクリプトは不要なはずです

起動スクリプトセクション（3.1.4）を削除しました。(482e63c)

notfolder · 2025-12-07T05:36:13Z

+echo $! > /workspace/mcp-servers/text-editor/server.pid
+```
+
+**ENTRYPOINT変更:**


エントリポイントは変えないでください

ENTRYPOINTの変更を削除しました。(482e63c)

…ywright variants, dynamic MCP addition Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot · 2025-12-07T05:48:55Z

@copilot
レビューに従って修正して下さい
環境を選択後にのみfunction callingやシステムプロンプトにplaywright mcpサーバーを追加する様に定義して下さい...

セクション5.1「動的なMCP追加」を追加し、Playwright対応環境が選択された場合にのみ、実行フェーズでLLMのfunction callingとシステムプロンプトにPlaywright MCPを追加する設計を明記しました。(482e63c)

notfolder

@copilot
レビューに従って修正してください

notfolder · 2025-12-07T10:16:47Z

+
+実行環境Docker内でバックグラウンドプロセスとして起動し、stdio経由でLLMと通信します。
+
+**起動方法:**


entry pointで起動するのではなく、text-editor mcpサーバーと同じ立ち上げ方にして下さい
起動方法の詳細を記述してください

text-editor MCPと同じ起動方式に変更しました。

変更内容:

セクション2.2.2: docker exec -iを使用したstdio通信方式を明記

セクション5.2.3: MCPサーバー起動の詳細シーケンス図と実装方法を追加

セクション5.4.1: PlaywrightMCPClientクラスの詳細実装（subprocess.Popen、start/stop、JSON-RPC通信）

セクション5.4.2: ExecutionEnvironmentManagerでの_start_playwright_mcp()メソッド実装とprepare()での起動フローを追加

text-editor MCPと同じく、ENTRYPOINTでの起動ではなく、ExecutionEnvironmentManagerがdocker execでMCPサーバープロセスを起動し、stdioで通信する方式としました。(345a57f)

Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot · 2025-12-07T10:51:48Z

@copilot
レビューに従って修正してください

レビュー内容に従い、Playwright MCP Serverの起動方法をtext-editor MCPと同じ方式に変更しました。docker execを使用したstdio通信で、subprocess.Popenによるプロセス管理を行います。詳細な起動シーケンスと実装コード例を追加しました。(345a57f)

notfolder · 2025-12-07T10:56:50Z

@copilot
コードは出さないで処理の内容を書くようにしてください。
docker execのコマンドラインだけ明記してください。

…cker exec command Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot · 2025-12-07T10:59:18Z

@copilot
コードは出さないで処理の内容を書くようにしてください。
docker execのコマンドラインだけ明記してください。

Pythonコード例を削除し、処理内容の説明のみに変更しました。docker execコマンドラインは以下の箇所に明記しています：

docker exec -i -w /workspace/project <container_id> npx @executeautomation/playwright-mcp-server

セクション5.4.1と5.4.2では、各メソッドの処理内容を日本語で記述し、コード例は削除しました。(bc951ff)

Initial plan

6c37ff5

Copilot AI assigned Copilot and notfolder Dec 7, 2025

Copilot started work on behalf of notfolder December 7, 2025 04:28 View session

Add comprehensive Playwright integration specification document

013b86b

Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot AI changed the title ~~[WIP] Add Playwright support with Docker environment~~ Add Playwright integration specification for browser testing in execution environments Dec 7, 2025

Copilot AI requested a review from notfolder December 7, 2025 04:36

Copilot finished work on behalf of notfolder December 7, 2025 04:36

notfolder reviewed Dec 7, 2025

View reviewed changes

Copilot started work on behalf of notfolder December 7, 2025 05:41 View session

Address review feedback: remove unnecessary sections, add Java/Go Pla…

482e63c

…ywright variants, dynamic MCP addition Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot AI requested a review from notfolder December 7, 2025 05:50

Copilot finished work on behalf of notfolder December 7, 2025 05:50

notfolder reviewed Dec 7, 2025

View reviewed changes

Copilot started work on behalf of notfolder December 7, 2025 10:48 View session

Update Playwright MCP startup method to match text-editor MCP approach

345a57f

Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot AI requested a review from notfolder December 7, 2025 10:53

Copilot finished work on behalf of notfolder December 7, 2025 10:53

Copilot started work on behalf of notfolder December 7, 2025 10:57 View session

Remove Python code examples, keep only processing descriptions and do…

bc951ff

…cker exec command Co-authored-by: notfolder <20558197+notfolder@users.noreply.github.com>

Copilot finished work on behalf of notfolder December 7, 2025 11:00

notfolder marked this pull request as ready for review December 7, 2025 11:04

notfolder merged commit 84b6fa6 into main Dec 7, 2025

notfolder deleted the copilot/add-playwright-docker-support branch December 7, 2025 11:04


		実行環境Docker内でバックグラウンドプロセスとして起動し、stdio経由でLLMと通信します。

		起動方法:

Conversation

Copilot AI commented Dec 7, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Comments on the Issue (you are @copilot in this section)

Node.jsをインストール(text-editor MCP用)

coding-agent-networkに接続してwebやrabbitmqにアクセス可能にする

Uh oh!

notfolder left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Dec 7, 2025

Uh oh!

notfolder left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Copilot AI Dec 7, 2025

Choose a reason for hiding this comment

Uh oh!

Copilot AI commented Dec 7, 2025

Uh oh!

notfolder commented Dec 7, 2025

Uh oh!

Copilot AI commented Dec 7, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Copilot AI commented Dec 7, 2025 •

edited

Loading