Generate Playwright tests from Azure DevOps test cases via the ADO and Playwright MCP servers. Deterministic scaffolding, mismatch detection, prerequisite + ADO-origin checks; agent prompt loaded privately from Azure DevOps.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
[!IMPORTANT]
Internal Tool Notice: This extension is created for Emerson employees only. It will not work unless the user is authenticated to the Emerson corporate network and has valid Microsoft Entra ID access to Emerson's Azure DevOps organization.
A VS Code extension that integrates GitHub Copilot with Azure DevOps and Playwright MCP servers for agentic Playwright test generation from Azure DevOps test cases.
The extension acts as a secure thin shell: agent prompt instructions and framework templates live in a private Azure DevOps Git repository and are fetched at runtime through the ADO MCP Server using Entra ID authentication—never bundled into the published VSIX.
Architecture
VS Code Extension (Public / Published VSIX) Private Azure DevOps Repository
┌──────────────────────────────────────────┐ ┌────────────────────────────────────────────┐
│ activate() │ │ qcs-playwright-agent │
│ 1. Preflight Setup Checks (Node/npm/auth)│───────▶ │ • agent/qcs-playwright-automation.agent.md │
│ 2. Register MCP Servers: │ │ • assets/framework/* │
│ • ADO MCP (https://mcp.dev.azure.com)│◀─────── │ (Fetched via ADO MCP Server) │
│ • Playwright MCP (stdio npx) │ └────────────────────────────────────────────┘
│ 3. Fetch private agent prompt & inject │ Gated via ADO MCP Server authentication.
│ dynamic runtime context │ Requires auth for ADO MCP server only.
│ 4. Command Palette & Status Bar │
└──────────────────────────────────────────┘
Agent Capabilities (via MCP Servers & VS Code APIs):
Copilot Chat ─▶ ADO Remote MCP (wit, testplan, git) ─▶ Fetch test cases, work items, test steps, repo files
─▶ Playwright MCP (browser control) ─▶ Dynamic UI navigation & test generation
─▶ File System / Workspace ─▶ Scaffold & generate Playwright tests (.spec.ts)
Key Features
Activation-Time Security Guard: Fails closed if the user is unauthenticated or lacks access to the private Emerson ADO MCP Server.
Private Runtime Agent Prompt: Instructions are fetched dynamically via the ADO MCP Server at runtime—never stored in the VSIX.
Dynamic Runtime Context: Automatically injects workspace ADO org/project, framework status, and Adapt mode settings into the agent prompt.
Single ADO MCP Integration: Connects Copilot and extension services directly to Azure DevOps (ado-remote-mcp) and browser automation (@playwright/mcp).
Framework Scaffolding & Adapt Mode: Scaffolds standard Playwright structures fetched via ADO MCP or adapts to existing workspace patterns.
Automated Diagnostics: Preflight checks for Node.js, npm, auth configuration, and ADO MCP Server connection with quick-fixes.
Extension Commands
Command Title
Command ID
Description
QCS Playwright Automation: Connect ADO MCP
qcsPlaywrightAutomation.signIn
Connects to the ADO MCP Server to fetch the private agent prompt and enable tools.
Full Azure DevOps Git origin URL holding the agent prompt and framework assets.
qcsPlaywrightAutomation.agentPath
agent/qcs-playwright-automation.agent.md
Relative path to the agent prompt file inside the repository.
qcsPlaywrightAutomation.agentBranch
master
Git branch to read the agent prompt and framework templates from.
Prerequisites (End Users)
Emerson Network & ADO Authentication: Active connection to the Emerson network and Microsoft Entra ID authentication with read access to the Emerson Azure DevOps organization.
VS Code: Version ≥ 1.106.0 with GitHub Copilot enabled.
Node.js & npm: Node.js ≥ 18 and npm ≥ 9 (for local Playwright MCP execution).
Repo Access: Read access to the qcs-playwright-agent Azure DevOps repository (required to fetch private prompt & framework assets).
Build & Run
npm install
npm run compile # Bundle TypeScript via esbuild
npm run watch # Bundle in watch mode
# Press F5 to launch the Extension Development Host
