PlayWrightで実行内容を録画

公式ドキュメント

playwright.config.tsに書く場合

playwright.config.ts

import { defineConfig } from '@playwright/test';
export default defineConfig({
  use: {
    video: {
      mode: 'on-first-retry', 
      size: { width: 640, height: 480 }
    }
  },
});

Configファイル以外に書く例

video.spec.ts

const context = await browser.newContext({
  recordVideo: {
    dir: 'videos/',
    size: { width: 640, height: 480 },
  }
});

その他

特定の領域のビデオを記録する：

const rect = {
  x: 100,
  y: 100,
  width: 200,
  height: 200,
};

await page.video(rect).saveAs('./video.mp4');

特定のスクリプトを実行した後にビデオを記録する：

await page.evaluate(() => {
  // ここにスクリプトを実行します
});

await page.video().saveAs('./video.mp4');

参考youtube