PlaywrightのVSCode拡張を使って効率的にテストを書く

この記事では、Playwright の VSCode 拡張を使って GUI 操作のみでテストの記録や実行する方法について紹介します。 Playwright の VSCode 拡張とは？ Playwright の VSCode 拡張は、Playwright の作成元である Microsoft が公式に提供している拡張機能で、VSCode 内で直接ブラウザテストの記録や実行を支援するための便利なツールです。 GUI 操作を中心に、テストの記録や実行を手軽に行うことが可能となります。 VSCode 拡張のインストールは、以下のリンクから行うことができます。 VSCode 拡張を活用してテストを書く 本記事では、シンプルな ToDo アプリを例にテストの作成方法を説明します。Playwright のインストール方法は、公式ドキュメントをご参照ください。その後、VSCode に Playwright

[mannomu]

“VSCode”

[shingo-sasaki-0529]

もちろんどれも UI モードで出来る機能ではあるんだけど、やっぱエディタと連動するってところはすごい便利そうだなぁ。この手の拡張機能は食わず嫌いしてるとこあるけど、思い切って使ってみるのも良さそう。

[igrep]

そういやChromeにも似たような機能あったっけ

[tinsep19]

だいぶ便利なんだなー。普通にコード書いてるから、改めたい

[yarumato]

“ブラウザテストの記録や実行をVSCode内で支援するツール。GUI操作を中心に、テストの記録や実行を手軽に行う。Microsoft が公式に提供。”