πΉ Feature: VS Code Browser Agent Tools
πΉ What It Does: Browser agent tools let GitHub Copilot in VS Code drive the integrated browser autonomously β open pages, click buttons, type into fields, take screenshots, run Playwright code, and read console errors. The agent builds your app, opens it in the browser, tests every interaction, discovers bugs, fixes them, and verifies the fix. A complete closed development loop, no human in the test driver’s seat. ππ€
What Is It Giving You:
β
Full Closed-Loop Dev Cycle: Build β run β test β identify issues β fix β verify, all by the agent. You watch instead of click.
β
Real Browser Automation: openBrowserPage, navigatePage, clickElement, hoverElement, dragElement, typeInPage, handleDialog, screenshotPage, readPage β plus runPlaywrightCode for any custom interaction you can write.
β
Visual + Console Debugging: Agent inspects rendered pages, reads console errors, and analyzes screenshots β catches bugs that unit tests miss.
β
Isolated Sessions by Default: Pages opened by the agent run in private, in-memory browser sessions β no cookies or storage shared with your normal browsing. Sandboxed by design.
β
Share a Real Page When Needed: βShare with Agentβ lets you hand the agent a logged-in browser tab (cookies + session intact) for tasks that need real auth. Revoke with one click.
β
Great Test Scenarios Out of the Box: Form validation, responsive layout verification, authentication flows, interactive UI state, and accessibility audits (alt text, heading hierarchy, contrast).
π https://code.visualstudio.com/docs/agents/guides/browser-agent-testing-guide