AZD VS Code Extension Updates & Improvements

ext/vscode/.github/copilot-instructions.md

@@ -29,16 +29,10 @@ Before submitting any changes or pushing code, **always run the following checks
    - Runs fast unit tests without full VS Code integration
    - All tests must pass before committing
 
-4. **CI Test Suite**: `pwsh ./ci-test.ps1` (or `./ci-test.ps1` on Windows)
-   - Runs the full CI test pipeline locally
-   - This is the same test suite that runs in CI/CD
-   - **Must pass before pushing to avoid pipeline failures**
-
 ### Pre-Commit Checklist
 ✅ Run `npm run lint` and fix all issues
 ✅ Run `npx cspell "src/**/*.ts"` and fix spelling errors
 ✅ Run `npm run unit-test` and ensure all tests pass
-✅ Run `pwsh ./ci-test.ps1` and verify CI tests pass
 ✅ Update [README.md](../README.md) if functionality changed
 ✅ Verify merge conflicts are resolved (no `<<<<<<<`, `=======`, `>>>>>>>` markers)
 
@@ -183,4 +177,3 @@ When working on `azure.yaml` language support in `src/language/`:
 - [Azure Developer CLI Documentation](https://learn.microsoft.com/azure/developer/azure-developer-cli/)
 - [VS Code Extension API](https://code.visualstudio.com/api)
 - [Contributing Guide](../CONTRIBUTING.md)
-- [Test Coverage](../TEST_COVERAGE.md)

ext/vscode/.gitignore

@@ -110,3 +110,8 @@ node_modules
 package.nls.*.json
 *.vsix
 *.zip
+
+# Playwright Test Artifacts
+playwright-report/
+test-results/
+playwright/.cache/

ext/vscode/.vscode/cspell-dictionary.txt

@@ -36,3 +36,8 @@ azuredb
 retval
 LOCALAPPDATA
 ellismg
+networkidle
+qbsearch
+mystorageacct
+aiapps
+itemprop

ext/vscode/PLAYWRIGHT_QUICK_START.md

@@ -0,0 +1,116 @@
+# Quick Start: Playwright E2E Tests
+
+## Installation
+
+```bash
+# Install all dependencies including Playwright
+npm install
+
+# Install Playwright browsers (Chromium by default)
+npx playwright install chromium
+```
+
+## Running Tests
+
+```bash
+# Run all E2E tests
+npm run test:e2e
+
+# Run with interactive UI (recommended for development)
+npm run test:e2e:ui
+
+# Run in headed mode (see browser)
+npm run test:e2e:headed
+
+# Run in debug mode
+npm run test:e2e:debug
+
+# Run specific test file
+npx playwright test portal-urls.spec.ts
+
+# Run tests matching a pattern
+npx playwright test --grep "portal"
+```
+
+## View Results
+
+```bash
+# Open HTML report after tests complete
+npx playwright show-report
+```
+
+## What's Tested
+
+### ✅ Portal URL Construction
+- Web Apps, Storage, Cosmos DB, Container Apps
+- Resource Group URLs
+- URL format validation
+
+### ✅ Template Gallery
+- awesome-azd gallery loading
+- AI templates page (aka.ms/aiapps)
+- GitHub repository links
+- Template metadata structure
+
+### ✅ Documentation Links
+- Azure Developer CLI docs
+- GitHub issues & discussions
+- Installation guides
+- VS Code marketplace page
+- Help & feedback links
+
+## Test Files
+
+```
+src/test/e2e/
+├── portal-urls.spec.ts          # Azure Portal URL tests
+├── template-gallery.spec.ts     # Template discovery tests
+├── documentation-links.spec.ts  # Documentation link tests
+└── README.md                     # Detailed documentation
+```
+
+## Quick Examples
+
+### Run one test
+```bash
+npx playwright test documentation-links.spec.ts
+```
+
+### Run only failed tests
+```bash
+npx playwright test --last-failed
+```
+
+### Generate test code (record interactions)
+```bash
+npx playwright codegen https://aka.ms/awesome-azd
+```
+
+## CI Integration
+
+Tests automatically run with:
+- 2 retries on failures (CI only)
+- Screenshots on failure
+- Video recording on failure
+- HTML report generation
+
+## Common Issues
+
+**Browser not installed?**
+```bash
+npx playwright install
+```
+
+**Tests timing out?**
+- Check network connectivity
+- Verify URLs are accessible
+- Increase timeout in config if needed
+
+**Need more browsers?**
+Edit `playwright.config.ts` to enable Firefox or Safari.
+
+## Next Steps
+
+- Read full documentation: `src/test/e2e/README.md`
+- Check Playwright docs: https://playwright.dev
+- Add more tests based on new features!

ext/vscode/README.md

@@ -17,18 +17,18 @@ This extension makes it easier to run, create Azure Resources, and deploy Azure
 
 Intelligent editing support for your `azure.yaml` configuration files:
 
-
-- **Auto-Completion** - Smart suggestions for service properties, host types, and lifecycle hooks
-- **Hover Documentation** - Inline help with examples for all azure.yaml properties
+- **Schema Validation** - Full IntelliSense support via the [YAML extension](https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml) including:
+  - Auto-completion for properties, host types, and lifecycle hooks
+  - Hover documentation with examples
+  - Validation for required properties, valid values, and YAML syntax
 - **Quick Fixes** - One-click solutions for common issues:
   - Create missing project folders
-  - Add missing language or host properties
-  - Fix invalid configurations
-- **Validation** - Real-time diagnostics for:
-  - Missing or invalid project paths
-  - Invalid host types
-  - Missing recommended properties
-  - Configuration best practices
+  - Browse for existing folders
+- **Project Path Validation** - Real-time diagnostics for missing or invalid project paths
+- **Drag & Drop** - Add services by dragging folders onto azure.yaml (hold Shift)
+- **Automatic Path Updates** - Project paths update when folders are renamed
+
+The extension works with the YAML extension to provide comprehensive editing support for `azure.yaml` files.
 
 ### 🌲 View Panels
 
@@ -63,14 +63,16 @@ For more information about Azure Developer CLI and this VS Code extension, pleas
 
 ## Getting Started
 
-1. Install the [Azure Developer CLI](https://aka.ms/azure-dev/install)
+1. Install the Azure Developer CLI:
+   - **Option A**: Use the extension command `Azure Developer CLI: Install CLI` from the Command Palette
+   - **Option B**: Manually install from [aka.ms/azure-dev/install](https://aka.ms/azure-dev/install)
 2. Open a folder containing an `azure.yaml` file, or create a new project with `azd init`
 3. Right-click `azure.yaml` and select deployment commands from the context menu
 4. Use the Azure Developer CLI view panel for quick access to all features
 
 ## Requirements
 
-- [Azure Developer CLI](https://aka.ms/azure-dev/install) version 1.0.0 or higher
+- [Azure Developer CLI](https://aka.ms/azure-dev/install) version 1.8.0 or higher
 - [VS Code](https://code.visualstudio.com/) version 1.90.0 or higher
 
 ## Extension Settings