Playwrightでテスト動画を撮影する

デバッグで楽をするためにスクリーンショットを撮ることもできるが、動画だともっとわかりやすいのだろうか？ ということで試す。

動画を撮影する

公式ドキュメントは Videos | Playwright にある。設定は簡単でplaywright.config.tsに書くだけ。失敗したテストだけ撮るとか、リトライ時に撮るとかオプションもいろいろある。

import { defineConfig } from '@playwright/test';
export default defineConfig({
  use: {
    video: 'on-first-retry',
  },
});

動画はデフォルト/test-resultsに保存される。動画のパスはpage.video()?.path()で取得できる（例：/Users/daipresents/Work/playwright/test-results/.playwright-artifacts-0/8f9b5f1565f48d734cc66b7cecbd93ea.webm）。動画は以下のような感じ。