playwright-ws-trace

// playwright.config.ts import { defineConfig } from '@playwright/test'; export default defineConfig({ use: { trace: 'on', // or 'on-first-retry', etc. }, }); // my-test.spec.ts import { test, expect } from '@playwright/test'; import { Page } from 'playwright'; // type only, not needed if not TS test('capture ws frames', async ({ page, context }) => { await context.tracing.start({ snapshots: true, screenshots: true }); await page.goto('https://example-websocket-app.com'); // interact with page to trigger WebSocket messages await context.tracing.stop({ path: 'trace.zip' }); }); // After test: npx playwright show-trace ./trace.zip // In trace viewer: Network tab -> WS filter // Click WebSocket connection to see frames with direction (sent/received), timestamps, payload.