@mcp-pane/playwright 0.1.0

package/README.md

@@ -0,0 +1,123 @@
+# @mcp-pane/playwright
+
+**Playwright fixtures for end-to-end testing of MCP Apps in a real browser.**
+
+```bash
+npm install --save-dev @mcp-pane/playwright @playwright/test
+```
+
+`@mcp-pane/playwright` lets you test the **actual UI** of your MCP App — the iframe, the postMessage bridge, the bidirectional flow — in a real browser, the same way Claude Desktop or VS Code would render it.
+
+This is the **only** testing tool for MCP Apps that exercises the iframe and the host↔UI postMessage protocol end-to-end. Protocol-level tests with `@mcp-pane/test` are great for tools and resources, but they can't catch UI regressions.
+
+## What it gives you
+
+- A `mcpApp` fixture that spins up your server, renders the UI in an iframe inside a real Chromium page, and bridges postMessage exactly like a real MCP host does
+- `mcpApp.iframe` — Playwright `FrameLocator` for the UI inside the sandbox
+- `mcpApp.toolCalls` — observable list of tool calls the UI made via postMessage
+- `mcpApp.mockTool()` — override any tool's response, propagated to the UI
+- `mcpApp.getRecording()` — full session capture (tool calls + postMessage) auto-attached to failed test reports
+
+## Quick start
+
+```ts
+import { test, expect } from '@mcp-pane/playwright';
+
+test.use({
+  server: {
+    command: 'node',
+    args: ['./dist/server.js'],
+  },
+});
+
+test('dashboard opens and renders KPIs', async ({ mcpApp }) => {
+  await mcpApp.open('show_dashboard', { period: 'week' });
+
+  await expect(mcpApp.iframe.locator('text=Revenue')).toBeVisible();
+  await expect(mcpApp.iframe.locator('text=/\\$[\\d,]+/')).toBeVisible();
+});
+
+test('bidirectional: clicking in iframe triggers tool/call back to server', async ({ mcpApp }) => {
+  await mcpApp.open('show_dashboard', { period: 'week' });
+
+  // User clicks a button inside the iframe
+  await mcpApp.iframe.locator('button:has-text("month")').click();
+
+  // The UI posts a tool/call back through our host. We observe it.
+  await expect.poll(() => mcpApp.toolCalls).toContainEqual(
+    expect.objectContaining({
+      name: 'show_dashboard',
+      args: expect.objectContaining({ period: 'month' }),
+    })
+  );
+
+  // And the UI re-renders with the new data.
+  await expect(mcpApp.iframe.locator('text=monthly')).toBeVisible();
+});
+
+test('UI handles extreme values gracefully', async ({ mcpApp }) => {
+  // Mock before open so the UI gets our crafted data
+  mcpApp.mockTool('show_dashboard', () => ({
+    totals: { revenue: 0, deals: 0 },  // edge case
+  }));
+
+  await mcpApp.open('show_dashboard', { period: 'week' });
+
+  await expect(mcpApp.iframe.locator('text=$0')).toBeVisible();
+});
+```
+
+## How it works under the hood
+
+```
+┌─────────────────────────────────────────────────────┐
+│  Playwright (Chromium)                              │
+│  ┌───────────────────────────────────────────────┐  │
+│  │  Headless host page                           │  │
+│  │  ┌─────────────────────────────────────────┐  │  │
+│  │  │  <iframe sandbox="allow-scripts">       │  │  │
+│  │  │     YOUR MCP APP UI                     │  │  │
+│  │  │     (real, sandboxed, no same-origin)   │  │  │
+│  │  └─────────────────────────────────────────┘  │  │
+│  │              ↕ postMessage                    │  │
+│  │  window.__mcpPane (host bridge)               │  │
+│  └────────────────┬──────────────────────────────┘  │
+└───────────────────┼─────────────────────────────────┘
+                    ↕ Playwright evaluate
+                    ↕ poll for new tool/calls
+┌───────────────────┴─────────────────────────────────┐
+│  McpAppFixture (Node.js test process)               │
+│   ↕ McpHarness                                      │
+│   ↕ stdio JSON-RPC                                  │
+│  YOUR MCP SERVER (child process)                    │
+└─────────────────────────────────────────────────────┘
+```
+
+The fixture spawns your MCP server through the same `McpHarness` from `@mcp-pane/test`, opens a Playwright page with a minimal "host shell" HTML, and polls `window.__mcpPane.getToolCalls()` to detect new tool calls from the UI. Each call is automatically proxied through the harness (or a mock you set), and the result is pushed back as a `tool/result` postMessage.
+
+This is **exactly** the lifecycle a real MCP host implements. If your tests pass here, your UI works in Claude Desktop and VS Code.
+
+## Auto-attached recordings on failure
+
+When a test fails, the fixture automatically attaches a JSON recording of the session to the Playwright report:
+
+- Every `tools/call` with args, result, duration
+- Every `postMessage` between host and iframe, with direction
+- Timing relative to test start
+
+Open the HTML report, click the failed test, find `mcp-recording.json` in the attachments. This usually tells you immediately what went wrong.
+
+## Browser support
+
+Anything Playwright supports — Chromium, Firefox, WebKit. Defaults to Chromium since that's what Claude Desktop and VS Code use under the hood (Electron / Chromium-based).
+
+## Companion packages
+
+- **[@mcp-pane/test](https://npmjs.com/@mcp-pane/test)** — Vitest/Jest utilities for protocol-level tests (same `McpHarness` under the hood)
+- **[mcp-pane](https://github.com/YOUR/mcp-pane)** — scaffolder for new MCP Apps
+
+Works with any MCP server — official SDK, `mcp-use`, anything that speaks the standard MCP protocol with the Apps extension.
+
+## License
+
+MIT

package/dist/fixture.d.ts

@@ -0,0 +1,79 @@
+/**
+ * McpAppFixture — то, что тест получает через Playwright fixture.
+ *
+ * Объединяет McpHarness (наш test-пакет) и Playwright Page.
+ * Жизненный цикл:
+ *  1. Playwright создаёт fixture: поднимает MCP-сервер через Harness,
+ *     открывает страницу с host-page HTML.
+ *  2. Тест вызывает `mcpApp.open('show_dashboard', {...})`:
+ *       - harness.callTool('show_dashboard', args) — данные
+ *       - harness.readUiForTool('show_dashboard') — HTML
+ *       - page.evaluate(__mcpPane.openApp(...)) — рендерим в iframe
+ *  3. Тест взаимодействует с iframe через `mcpApp.iframe` (Playwright FrameLocator).
+ *  4. После теста — fixture closes harness и context.
+ *
+ * Bidirectional flow: UI внутри iframe шлёт postMessage `tool/call`,
+ * host-page их собирает. Fixture регулярно опрашивает через
+ * `getToolCalls()` и автоматически проксирует на реальный сервер через
+ * harness (или применяет mock'и).
+ */
+import type { Page, FrameLocator } from '@playwright/test';
+import { type HarnessOptions } from '@mcp-pane/test';
+import type { ToolMock } from '@mcp-pane/test';
+export type McpAppFixtureOptions = HarnessOptions & {
+    /** Интервал опроса postMessage от UI в миллисекундах (по умолчанию 50ms). */
+    pollInterval?: number;
+};
+type ToolCallFromUi = {
+    name: string;
+    args: Record<string, unknown>;
+    callId?: string;
+};
+export declare class McpAppFixture {
+    readonly page: Page;
+    private harness;
+    private polling;
+    private pollTimer?;
+    private processedSeq;
+    private toolCallHistory;
+    private pollInterval;
+    private constructor();
+    /**
+     * Фабрика. Подключает MCP-сервер, открывает host-page, начинает polling.
+     * Должна вызываться внутри Playwright fixture'а.
+     */
+    static create(page: Page, opts: McpAppFixtureOptions): Promise<McpAppFixture>;
+    /**
+     * Вызвать tool сервера и отрендерить его UI в iframe.
+     *
+     * После вызова `mcpApp.iframe` указывает на свежемонтированный iframe.
+     */
+    open(toolName: string, args?: Record<string, unknown>): Promise<void>;
+    /** Playwright FrameLocator для iframe с загруженным UI. */
+    get iframe(): FrameLocator;
+    /**
+     * Все tool/call сообщения, которые UI прислал из iframe с момента
+     * открытия (или последнего clearHistory). Каждый вызов в этом
+     * списке означает, что UI в iframe попросил host'а вызвать tool.
+     */
+    get toolCalls(): readonly ToolCallFromUi[];
+    /** Очистить историю tool/call'ов от UI. */
+    clearToolCalls(): void;
+    /** Делегируем в harness. */
+    mockTool(name: string, mock: ToolMock): void;
+    unmockTool(name: string): void;
+    clearMocks(): void;
+    /**
+     * Возвращает полную запись сессии, включая postMessage'ы между
+     * host'ом и iframe (для time-travel debugging).
+     */
+    getRecording(outcome?: 'pass' | 'fail' | 'unknown'): Promise<import("@mcp-pane/test").SessionRecording>;
+    close(): Promise<void>;
+    private startPolling;
+    private stopPolling;
+    private scheduleNextPoll;
+    private poll;
+    private proxyToolCall;
+}
+export {};
+//# sourceMappingURL=fixture.d.ts.map

package/dist/fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixture.d.ts","sourceRoot":"","sources":["../src/fixture.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,MAAM,oBAAoB,GAAG,cAAc,GAAG;IAClD,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,qBAAa,aAAa;aASN,IAAI,EAAE,IAAI;IAR5B,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAC,CAAgC;IAClD,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO;IASP;;;OAGG;WACU,MAAM,CACjB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,oBAAoB,GACzB,OAAO,CAAC,aAAa,CAAC;IAmBzB;;;;OAIG;IACG,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA2B/E,2DAA2D;IAC3D,IAAI,MAAM,IAAI,YAAY,CAEzB;IAMD;;;;OAIG;IACH,IAAI,SAAS,IAAI,SAAS,cAAc,EAAE,CAEzC;IAED,2CAA2C;IAC3C,cAAc,IAAI,IAAI;IAQtB,4BAA4B;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,GAAG,IAAI;IAI5C,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAI9B,UAAU,IAAI,IAAI;IAQlB;;;OAGG;IACG,YAAY,CAAC,OAAO,GAAE,MAAM,GAAG,MAAM,GAAG,SAAqB;IAsB7D,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAS5B,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,gBAAgB;YAKV,IAAI;YA0BJ,aAAa;CAyB5B"}

package/dist/fixture.js

@@ -0,0 +1,200 @@
+/**
+ * McpAppFixture — то, что тест получает через Playwright fixture.
+ *
+ * Объединяет McpHarness (наш test-пакет) и Playwright Page.
+ * Жизненный цикл:
+ *  1. Playwright создаёт fixture: поднимает MCP-сервер через Harness,
+ *     открывает страницу с host-page HTML.
+ *  2. Тест вызывает `mcpApp.open('show_dashboard', {...})`:
+ *       - harness.callTool('show_dashboard', args) — данные
+ *       - harness.readUiForTool('show_dashboard') — HTML
+ *       - page.evaluate(__mcpPane.openApp(...)) — рендерим в iframe
+ *  3. Тест взаимодействует с iframe через `mcpApp.iframe` (Playwright FrameLocator).
+ *  4. После теста — fixture closes harness и context.
+ *
+ * Bidirectional flow: UI внутри iframe шлёт postMessage `tool/call`,
+ * host-page их собирает. Fixture регулярно опрашивает через
+ * `getToolCalls()` и автоматически проксирует на реальный сервер через
+ * harness (или применяет mock'и).
+ */
+import { McpHarness } from '@mcp-pane/test';
+import { buildHostPageHtml } from './host-page.js';
+export class McpAppFixture {
+    page;
+    harness;
+    polling = false;
+    pollTimer;
+    processedSeq = 0;
+    toolCallHistory = [];
+    pollInterval;
+    constructor(page, harness, opts) {
+        this.page = page;
+        this.harness = harness;
+        this.pollInterval = opts.pollInterval ?? 50;
+    }
+    /**
+     * Фабрика. Подключает MCP-сервер, открывает host-page, начинает polling.
+     * Должна вызываться внутри Playwright fixture'а.
+     */
+    static async create(page, opts) {
+        const harness = await McpHarness.create(opts);
+        // Грузим host-page как data URL — не нужен веб-сервер.
+        const html = buildHostPageHtml();
+        await page.setContent(html, { waitUntil: 'load' });
+        // Ждём, пока __mcpPane появится на window (наша guarantee).
+        await page.waitForFunction(() => window.__mcpPane?.ready === true);
+        const fixture = new McpAppFixture(page, harness, opts);
+        fixture.startPolling();
+        return fixture;
+    }
+    // ============================================================
+    // Открытие приложения
+    // ============================================================
+    /**
+     * Вызвать tool сервера и отрендерить его UI в iframe.
+     *
+     * После вызова `mcpApp.iframe` указывает на свежемонтированный iframe.
+     */
+    async open(toolName, args = {}) {
+        // 1. Узнаём URI UI-ресурса
+        const meta = await this.harness.getToolUiMeta(toolName);
+        if (!meta?.resourceUri) {
+            throw new Error(`Tool "${toolName}" has no UI metadata — not an MCP App tool`);
+        }
+        // 2. Вызываем tool и читаем HTML параллельно
+        const [data, html] = await Promise.all([
+            this.harness.callTool(toolName, args),
+            this.harness.readUiResource(meta.resourceUri),
+        ]);
+        // 3. Просим host-page смонтировать iframe
+        await this.page.evaluate(({ uri, html, data }) => window.__mcpPane.openApp(uri, html, data), { uri: meta.resourceUri, html, data });
+        // 4. Сбрасываем processedSeq — это новый iframe, история начинается с 0
+        this.processedSeq = 0;
+    }
+    // ============================================================
+    // Доступ к UI
+    // ============================================================
+    /** Playwright FrameLocator для iframe с загруженным UI. */
+    get iframe() {
+        return this.page.frameLocator('iframe[data-mcp-uri]');
+    }
+    // ============================================================
+    // Tool calls от UI
+    // ============================================================
+    /**
+     * Все tool/call сообщения, которые UI прислал из iframe с момента
+     * открытия (или последнего clearHistory). Каждый вызов в этом
+     * списке означает, что UI в iframe попросил host'а вызвать tool.
+     */
+    get toolCalls() {
+        return this.toolCallHistory;
+    }
+    /** Очистить историю tool/call'ов от UI. */
+    clearToolCalls() {
+        this.toolCallHistory = [];
+    }
+    // ============================================================
+    // Mocking
+    // ============================================================
+    /** Делегируем в harness. */
+    mockTool(name, mock) {
+        this.harness.mockTool(name, mock);
+    }
+    unmockTool(name) {
+        this.harness.unmockTool(name);
+    }
+    clearMocks() {
+        this.harness.clearMocks();
+    }
+    // ============================================================
+    // Recording
+    // ============================================================
+    /**
+     * Возвращает полную запись сессии, включая postMessage'ы между
+     * host'ом и iframe (для time-travel debugging).
+     */
+    async getRecording(outcome = 'unknown') {
+        // Подтягиваем последние postMessages из браузерного контекста.
+        const [received, sent] = await Promise.all([
+            this.page.evaluate(() => window.__mcpPane.getReceivedMessages()),
+            this.page.evaluate(() => window.__mcpPane.getSentMessages()),
+        ]);
+        // Аккумулируем postMessages в harness recording.
+        for (const m of received) {
+            this.harness.recordPostMessage({ direction: 'ui-to-host', data: m.data });
+        }
+        for (const m of sent) {
+            this.harness.recordPostMessage({ direction: 'host-to-ui', data: m.data });
+        }
+        return this.harness.getRecording(outcome);
+    }
+    // ============================================================
+    // Lifecycle
+    // ============================================================
+    async close() {
+        this.stopPolling();
+        await this.harness.close();
+    }
+    // ============================================================
+    // Internal: polling postMessage от UI
+    // ============================================================
+    startPolling() {
+        this.polling = true;
+        this.scheduleNextPoll();
+    }
+    stopPolling() {
+        this.polling = false;
+        if (this.pollTimer) {
+            clearTimeout(this.pollTimer);
+            this.pollTimer = undefined;
+        }
+    }
+    scheduleNextPoll() {
+        if (!this.polling)
+            return;
+        this.pollTimer = setTimeout(() => this.poll(), this.pollInterval);
+    }
+    async poll() {
+        if (!this.polling)
+            return;
+        try {
+            const calls = await this.page.evaluate(() => window.__mcpPane.getToolCalls());
+            // Берём только новые (после processedSeq).
+            const newCalls = calls.slice(this.processedSeq);
+            this.processedSeq = calls.length;
+            // Проксируем каждый tool call через harness (он сам решит — реальный или mock).
+            for (const call of newCalls) {
+                this.toolCallHistory.push(call);
+                this.proxyToolCall(call).catch((err) => {
+                    // Логируем, но не падаем — тест сам решит, как реагировать.
+                    console.error('[mcp-pane/playwright] tool/call failed:', err);
+                });
+            }
+        }
+        catch (err) {
+            // Page might be navigating or closed — skip this tick.
+        }
+        finally {
+            this.scheduleNextPoll();
+        }
+    }
+    async proxyToolCall(call) {
+        try {
+            const result = await this.harness.callTool(call.name, call.args);
+            await this.page.evaluate(({ result, callId }) => window.__mcpPane.pushToUi({
+                type: 'tool/result',
+                callId,
+                payload: result,
+            }), { result, callId: call.callId });
+        }
+        catch (err) {
+            const message = err instanceof Error ? err.message : String(err);
+            await this.page.evaluate(({ message, callId }) => window.__mcpPane.pushToUi({
+                type: 'tool/result',
+                callId,
+                error: message,
+            }), { message, callId: call.callId });
+        }
+    }
+}
+//# sourceMappingURL=fixture.js.map

package/dist/fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixture.js","sourceRoot":"","sources":["../src/fixture.ts"],"names":[],"mappings":"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"}

package/dist/host-page.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Headless test host — HTML, который рендерится в Playwright-странице
+ * и предоставляет окружение для MCP App.
+ *
+ * Эта функция возвращает HTML-строку (с инлайн JS), которая:
+ *  1. Создаёт iframe с переданным UI HTML
+ *  2. Слушает все postMessage от iframe
+ *  3. Экспортирует window.__mcpPane API для управления из теста:
+ *       __mcpPane.openApp(uri, html, initialData)
+ *       __mcpPane.pushToUi(payload)
+ *       __mcpPane.getReceivedMessages()
+ *
+ * Playwright-fixture использует evaluate() / exposeFunction() поверх этого
+ * API, чтобы дать тесту удобный TypeScript-интерфейс.
+ */
+export declare function buildHostPageHtml(): string;
+//# sourceMappingURL=host-page.d.ts.map

package/dist/host-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-page.d.ts","sourceRoot":"","sources":["../src/host-page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,wBAAgB,iBAAiB,IAAI,MAAM,CA+I1C"}

package/dist/host-page.js

@@ -0,0 +1,160 @@
+/**
+ * Headless test host — HTML, который рендерится в Playwright-странице
+ * и предоставляет окружение для MCP App.
+ *
+ * Эта функция возвращает HTML-строку (с инлайн JS), которая:
+ *  1. Создаёт iframe с переданным UI HTML
+ *  2. Слушает все postMessage от iframe
+ *  3. Экспортирует window.__mcpPane API для управления из теста:
+ *       __mcpPane.openApp(uri, html, initialData)
+ *       __mcpPane.pushToUi(payload)
+ *       __mcpPane.getReceivedMessages()
+ *
+ * Playwright-fixture использует evaluate() / exposeFunction() поверх этого
+ * API, чтобы дать тесту удобный TypeScript-интерфейс.
+ */
+export function buildHostPageHtml() {
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>mcp-pane test host</title>
+  <style>
+    body { margin: 0; font-family: -apple-system, sans-serif; }
+    #host-shell {
+      display: flex;
+      flex-direction: column;
+      height: 100vh;
+    }
+    #host-status {
+      padding: 4px 12px;
+      background: #f3f4f6;
+      border-bottom: 1px solid #e5e7eb;
+      font-size: 11px;
+      font-family: ui-monospace, monospace;
+      color: #666;
+    }
+    #host-frame-container {
+      flex: 1;
+      min-height: 0;
+      display: flex;
+    }
+    iframe {
+      flex: 1;
+      border: none;
+      width: 100%;
+      background: #fff;
+    }
+  </style>
+</head>
+<body>
+  <div id="host-shell">
+    <div id="host-status">mcp-pane test host • no app loaded</div>
+    <div id="host-frame-container"></div>
+  </div>
+  <script>
+    (function () {
+      // ============================================================
+      // Internal state
+      // ============================================================
+      var iframe = null;
+      var currentUri = null;
+      var currentData = null;
+      var receivedFromUi = [];
+      var sentToUi = [];
+
+      // ============================================================
+      // Message handler — слушаем все сообщения от iframe
+      // ============================================================
+      window.addEventListener('message', function (event) {
+        // Принимаем только от нашего iframe.
+        if (!iframe || event.source !== iframe.contentWindow) return;
+
+        receivedFromUi.push({
+          at: Date.now(),
+          data: event.data,
+        });
+
+        // ui/ready — пушим initial data, если есть.
+        if (event.data && event.data.type === 'ui/ready' && currentData !== null) {
+          pushToUi({ type: 'tool/result', payload: currentData });
+        }
+
+        // tool/call — Playwright фикстура подхватит это через
+        // __mcpPane.getReceivedMessages() и решит, как обработать
+        // (через реальный сервер, или через mock).
+      });
+
+      function pushToUi(payload) {
+        if (!iframe || !iframe.contentWindow) return false;
+        sentToUi.push({ at: Date.now(), data: payload });
+        iframe.contentWindow.postMessage(payload, '*');
+        return true;
+      }
+
+      // ============================================================
+      // Public API на window
+      // ============================================================
+      window.__mcpPane = {
+        // Открыть UI ресурс. html — srcdoc для iframe, initialData —
+        // данные tool/result для broadcast после ui/ready.
+        openApp: function (uri, html, initialData) {
+          currentUri = uri;
+          currentData = initialData;
+
+          var container = document.getElementById('host-frame-container');
+          container.innerHTML = '';
+
+          iframe = document.createElement('iframe');
+          iframe.srcdoc = html;
+          iframe.sandbox = 'allow-scripts';
+          iframe.setAttribute('data-mcp-uri', uri);
+          container.appendChild(iframe);
+
+          document.getElementById('host-status').textContent =
+            'mcp-pane test host • loaded: ' + uri;
+
+          return new Promise(function (resolve) {
+            iframe.addEventListener('load', function () { resolve(); }, { once: true });
+          });
+        },
+
+        // Push новой data в UI (например, после tool call с новыми параметрами).
+        pushToUi: function (payload) {
+          return pushToUi(payload);
+        },
+
+        // Полный список того, что UI прислал нам.
+        getReceivedMessages: function () {
+          return receivedFromUi.slice();
+        },
+
+        // Что мы отправили UI.
+        getSentMessages: function () {
+          return sentToUi.slice();
+        },
+
+        // Только tool/call'ы от UI — самая частая нужда в тестах.
+        getToolCalls: function () {
+          return receivedFromUi
+            .filter(function (m) { return m.data && m.data.type === 'tool/call'; })
+            .map(function (m) {
+              return { name: m.data.name, args: m.data.args || {}, callId: m.data.callId };
+            });
+        },
+
+        // Очистить историю — полезно при beforeEach.
+        clearHistory: function () {
+          receivedFromUi = [];
+          sentToUi = [];
+        },
+
+        // Признак того, что хост готов. Используется ожиданием.
+        ready: true,
+      };
+    })();
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=host-page.js.map

package/dist/host-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-page.js","sourceRoot":"","sources":["../src/host-page.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6ID,CAAC;AACT,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @mcp-pane/playwright — Playwright fixtures for testing MCP Apps.
+ *
+ * Quick start:
+ *
+ *   import { test, expect } from '@mcp-pane/playwright';
+ *
+ *   test.use({
+ *     server: { command: 'node', args: ['./dist/server.js'] }
+ *   });
+ *
+ *   test('dashboard works', async ({ mcpApp }) => {
+ *     await mcpApp.open('show_dashboard', { period: 'week' });
+ *     await expect(mcpApp.iframe.locator('text=Revenue')).toBeVisible();
+ *
+ *     await mcpApp.iframe.locator('button:has-text("month")').click();
+ *     await expect.poll(() => mcpApp.toolCalls).toContainEqual({
+ *       name: 'show_dashboard',
+ *       args: { period: 'month' },
+ *     });
+ *   });
+ */
+export { test, expect, McpAppFixture, type McpFixtures } from './test.js';
+export type { McpAppFixtureOptions } from './fixture.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAC1E,YAAY,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js

@@ -0,0 +1,24 @@
+/**
+ * @mcp-pane/playwright — Playwright fixtures for testing MCP Apps.
+ *
+ * Quick start:
+ *
+ *   import { test, expect } from '@mcp-pane/playwright';
+ *
+ *   test.use({
+ *     server: { command: 'node', args: ['./dist/server.js'] }
+ *   });
+ *
+ *   test('dashboard works', async ({ mcpApp }) => {
+ *     await mcpApp.open('show_dashboard', { period: 'week' });
+ *     await expect(mcpApp.iframe.locator('text=Revenue')).toBeVisible();
+ *
+ *     await mcpApp.iframe.locator('button:has-text("month")').click();
+ *     await expect.poll(() => mcpApp.toolCalls).toContainEqual({
+ *       name: 'show_dashboard',
+ *       args: { period: 'month' },
+ *     });
+ *   });
+ */
+export { test, expect, McpAppFixture } from './test.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAoB,MAAM,WAAW,CAAC"}

package/dist/test.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Playwright fixtures for MCP Apps.
+ *
+ * Использование:
+ *
+ *   import { test, expect } from '@mcp-pane/playwright';
+ *
+ *   test.use({ server: { command: 'node', args: ['./dist/server.js'] } });
+ *
+ *   test('dashboard renders', async ({ mcpApp }) => {
+ *     await mcpApp.open('show_dashboard', { period: 'week' });
+ *     await expect(mcpApp.iframe.locator('text=Revenue')).toBeVisible();
+ *   });
+ *
+ * Fixture `server` пользователь задаёт через test.use(). Fixture `mcpApp`
+ * автоматически поднимает harness, рендерит host-page, начинает polling.
+ */
+import { McpAppFixture } from './fixture.js';
+import type { ServerSpec } from '@mcp-pane/test';
+export type McpFixtures = {
+    /** Описание сервера, который надо запустить. Задаётся через test.use(). */
+    server: ServerSpec;
+    /** McpAppFixture — главный объект для теста. */
+    mcpApp: McpAppFixture;
+};
+export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & McpFixtures, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;
+/**
+ * Расширенный expect с MCP-specific матчерами для FrameLocator.
+ * Можно использовать как обычный expect.
+ */
+export declare const expect: import("@playwright/test").Expect<{}>;
+export { McpAppFixture };
+//# sourceMappingURL=test.d.ts.map

package/dist/test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.d.ts","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG;IACxB,2EAA2E;IAC3E,MAAM,EAAE,UAAU,CAAC;IACnB,gDAAgD;IAChD,MAAM,EAAE,aAAa,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,2PA4Cf,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,MAAM,uCAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/test.js

@@ -0,0 +1,68 @@
+/**
+ * Playwright fixtures for MCP Apps.
+ *
+ * Использование:
+ *
+ *   import { test, expect } from '@mcp-pane/playwright';
+ *
+ *   test.use({ server: { command: 'node', args: ['./dist/server.js'] } });
+ *
+ *   test('dashboard renders', async ({ mcpApp }) => {
+ *     await mcpApp.open('show_dashboard', { period: 'week' });
+ *     await expect(mcpApp.iframe.locator('text=Revenue')).toBeVisible();
+ *   });
+ *
+ * Fixture `server` пользователь задаёт через test.use(). Fixture `mcpApp`
+ * автоматически поднимает harness, рендерит host-page, начинает polling.
+ */
+import { test as base, expect as baseExpect } from '@playwright/test';
+import { McpAppFixture } from './fixture.js';
+export const test = base.extend({
+    // pollInterval можно настраивать через test.use({ server: ... }),
+    // но базовое значение — undefined и попадёт в default.
+    server: [
+        // По умолчанию падаем с понятным сообщением, если пользователь
+        // забыл задать `test.use({ server: ... })`.
+        {
+            command: '',
+            args: [],
+        },
+        { option: true },
+    ],
+    mcpApp: async ({ page, server }, use, testInfo) => {
+        if (!server.command) {
+            throw new Error('@mcp-pane/playwright: please configure `test.use({ server: { command, args } })` ' +
+                'before using mcpApp fixture');
+        }
+        const fixture = await McpAppFixture.create(page, {
+            ...server,
+            testName: testInfo.title,
+        });
+        try {
+            await use(fixture);
+        }
+        finally {
+            // Если тест упал — автоматически прикрепляем recording к отчёту.
+            if (testInfo.status !== testInfo.expectedStatus) {
+                try {
+                    const recording = await fixture.getRecording('fail');
+                    await testInfo.attach('mcp-recording.json', {
+                        body: JSON.stringify(recording, null, 2),
+                        contentType: 'application/json',
+                    });
+                }
+                catch {
+                    // Recording attach — best-effort, не должен ронять teardown.
+                }
+            }
+            await fixture.close();
+        }
+    },
+});
+/**
+ * Расширенный expect с MCP-specific матчерами для FrameLocator.
+ * Можно использовать как обычный expect.
+ */
+export const expect = baseExpect;
+export { McpAppFixture };
+//# sourceMappingURL=test.js.map

package/dist/test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../src/test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAU7C,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAc;IAC3C,kEAAkE;IAClE,uDAAuD;IACvD,MAAM,EAAE;QACN,+DAA+D;QAC/D,4CAA4C;QAC5C;YACE,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,EAAE;SACT;QACD,EAAE,MAAM,EAAE,IAAI,EAAE;KACjB;IAED,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE;QAChD,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CACb,mFAAmF;gBACnF,6BAA6B,CAC9B,CAAC;QACJ,CAAC;QAED,MAAM,OAAO,GAAG,MAAM,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE;YAC/C,GAAG,MAAM;YACT,QAAQ,EAAE,QAAQ,CAAC,KAAK;SACzB,CAAC,CAAC;QAEH,IAAI,CAAC;YACH,MAAM,GAAG,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;gBAAS,CAAC;YACT,iEAAiE;YACjE,IAAI,QAAQ,CAAC,MAAM,KAAK,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChD,IAAI,CAAC;oBACH,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;oBACrD,MAAM,QAAQ,CAAC,MAAM,CAAC,oBAAoB,EAAE;wBAC1C,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;wBACxC,WAAW,EAAE,kBAAkB;qBAChC,CAAC,CAAC;gBACL,CAAC;gBAAC,MAAM,CAAC;oBACP,6DAA6D;gBAC/D,CAAC;YACH,CAAC;YACD,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;CACF,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@mcp-pane/playwright",
+  "version": "0.1.0",
+  "description": "Playwright fixtures for testing MCP Apps — interactive UIs rendered in iframe by MCP hosts",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "test": "vitest run",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "mcp",
+    "mcp-apps",
+    "playwright",
+    "testing",
+    "ui-testing"
+  ],
+  "license": "MIT",
+  "engines": {
+    "node": ">=18"
+  },
+  "peerDependencies": {
+    "@playwright/test": ">=1.40.0"
+  },
+  "dependencies": {
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@mcp-pane/test": "workspace:*"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.48.0",
+    "vitest": "^2.0.0"
+  }
+}