Playwrightスクリプトを自動生成する

VScode から生成する#

公式の VSCode 拡張を入れていれば、VSCode に追加される Playwright タブから Record new を押すとcodegenを実行した場合と同様の画面が表示される。

https://marketplace.visualstudio.com/items?itemName=ms-playwright.playwright

コマンドから生成する#

1
npx playwright codegen [page-url]

デバック画面から生成する#

デバックモードなどで起動した際に表示される Record ボタンを押せば、操作が自動的にスクリプトとして記録される。

テストの続きを生成する#

後からテストの内容を変更したくなったり、続きを書きたくなった場合は、page.pause()を入れることで、生成するための画面を表示することができる。

1
await page.pause();