Playwright MCP Testing Dashboard

Test websites using AI. Define what to test in plain language, let GitHub Copilot do the clicking, and watch results update live.

What You'll Need

• Node.js 18+ — Download here
• VS Code with GitHub Copilot subscription
• Playwright MCP extension configured in VS Code

Quick Start

1. Install and start the server:

   npm install
   npm start

2. Open the dashboard: http://localhost:3000

3. Select a test and click "Copy All Prompts"

4. Open GitHub Copilot Chat in VS Code (enable Agent Mode)

5. Paste the prompts and press Enter

6. Watch the dashboard — results update automatically as the AI runs your test

What's Next?

• workflow.md — Step-by-step guide with examples
• architecture.md — Technical details for developers

Project Files

File	Purpose
public/test-cases.json	Your test definitions (edit this to add tests)
public/test-results.json	Results (updated automatically)
public/dashboard.html	The web dashboard

Adding Your Own Tests

Edit public/test-cases.json to add tests. Each test needs:

• An ID (e.g., TC-001)
• A title
• Steps describing what to do
• Prompts telling the AI how to do it

See workflow.md for a complete example.