ブラウザを操作してPlaywrightのコードを自動生成する（VSCode）

目次

• ブラウザを操作してPlaywrightのコードを自動生成する（VSCode）
• コード自動生成の実行

Playwrightには、Chromiumブラウザで操作した内容をそのままコードにしてくれる「コードの自動生成機能」があります。

VisualStudioCodeの拡張機能「Playwright Test for VSCode」をインストールしていれば、コード自動生成機能が使用できます。

自動生成されるコードは「Playwright Test」で使う自動テスト用のtsファイルですので、
「Playwright Library」をインストールしている場合はそのまま使えませんので、必要なコードを切り貼りしてください。

Node.jsやPythonを使ったコード自動生成機能についてはこちらを参考にしてください。

１．TestingサイドバーにあるPLAYWRIGHTセクションの「Record new」をクリックします。


　Chromiumブラウザが立ち上がります。


２．あとはブラウザを操作すると、その内容のコードがVSCodeに出力されます。


３．ブラウザを閉じれば出力は終了します。

４．出力されたコードはそのままでは動作しない場合もありますので、必要であれば手直しして動作確認すれば完成です。

参考