Google Antigravityのブラウザ操作機能で自動テストを行う方法

Webアプリやサイトを作った後、「ちゃんと動くか一つひとつ手作業で確認するのが大変」と感じたことはありませんか。ボタンを押す、フォームに入力する、表示を確認する、といった動作確認は、地味に時間のかかる作業です。

Google Antigravityには、エージェントが実際にブラウザを操作して動作確認を行う機能が搭載されています。この記事では、ブラウザ操作機能の仕組みと、自動テストとして活用する方法を紹介します。

なぜ動作確認に時間がかかるのか

Webアプリやサイトの動作確認でつまずく人には、共通した悩みがあります。

Google Antigravityのブラウザ操作機能は、これらの作業をエージェントに任せることで解決します。

Google Antigravityがブラウザを操作する際、普段コードを書いたり計画を立てたりしているエージェントとは別に、ブラウザ操作専用の「サブエージェント」が起動します。このサブエージェントは、Webページを操作するために特化したモデルで、次のような操作が可能です。

ブラウザ操作機能を使うには、事前に専用のブラウザ拡張機能を導入しておく必要があります。

拡張機能を入れると、エージェントがブラウザを操作している間、画面の周りに青い枠線が表示されます。これは「今AIが操作中である」ことを示す目印です。

ブラウザ操作機能を自動テストとして使う場合、依頼の仕方を工夫すると精度が上がります。

基本的な動作確認を依頼する例

「お問い合わせフォームに、正しい形式のメールアドレスと、名前・お問い合わせ内容を入力し、送信ボタンを押してください。送信後、完了メッセージが表示されることを確認し、スクリーンショットを残してください」

異常系(エラーが起きるはずの操作)を依頼する例

「お問い合わせフォームのメールアドレス欄に、『abc』のような不正な形式の文字列を入力し、送信ボタンを押してください。エラーメッセージが正しく表示されることを確認し、スクリーンショットを残してください」

正常な操作だけでなく、わざとエラーを起こす操作もセットで依頼することで、見落としがちな不具合に気づきやすくなります。

ブラウザ操作による確認結果は、Artifactsの中に記録として残ります。画面右上の切り替えボタンからArtifactsのビューを開くと、次のような情報を振り返ることができます。

文章での報告だけでなく、実際の操作記録を確認することで、「本当にそのパターンまで確認されたか」を自分の目で検証できます。

ブラウザ操作機能は便利ですが、次の点には注意してください。

Google Antigravityのブラウザ操作機能を使えば、クリックや入力といった手作業の動作確認を、正常系・異常系の両方含めてエージェントに任せられます。拡張機能の導入という一手間はありますが、一度設定すれば、動作確認の時間を大きく削減できます。

Artifactsの詳しい確認方法については、以下の記事もあわせてご覧ください。