Test Extension

Test Extension

Launch the Extension Development Host to test the VS Code extension in a clean environment.

Instructions

1. Ensure clean build state:

# Clean and rebuild
rm -rf dist/
npm run build

1. **Launch Extension Development Host:**

   • Option A: Press F5 in VS Code (recommended)
   • Option B: Run from Command Palette:
     1. Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows/Linux)
     2. Type "Debug: Start Debugging"
     3. Select "Run Extension"

2. **What happens:**

   • A new VS Code window opens (Extension Development Host)
   • The extension is loaded in this window
   • Original VS Code window shows Debug Console with extension logs
   • Breakpoints in TypeScript code are active

3. **Testing checklist:**

   **Basic Functionality:**

   • Extension activates (check Debug Console for "Extension activated")
   • Activity bar icon appears (Claude logo)
   • Tree views render in sidebar
   • No errors in Debug Console

   **Memories Tree:**

   • Global CLAUDE.md files displayed
   • Project CLAUDE.md files displayed
   • Markdown sections expandable
   • Click to open file works
   • Refresh button works

   **Commands Tree:**

   • Global commands displayed
   • Project commands displayed
   • Folders expand/collapse
   • Create new command works
   • Open command file works

   **Skills Tree:**

   • Skills folders displayed
   • SKILL.md files detected
   • YAML frontmatter parsed
   • Description tooltips show
   • Create skill works

   **Sub-Agents Tree:**

   • Agents displayed with colors
   • Color-coded icons render
   • Create agent works
   • Folders supported

   **Hooks Tree:**

   • Hooks organized by location/event
   • Create hook wizard works
   • Edit hook works
   • Delete hook works
   • Duplicate hook works

   **Permissions Tree:**

   • Permissions parsed from settings
   • Organized by type (allow/ask/deny)
   • Click to jump to settings works

   **File Operations:**

   • Create file with template works
   • Rename file works
   • Delete file works (with confirmation)
   • Move between global/project works
   • Copy file path works
   • Reveal in Finder/Explorer works
   • Create folder works

4. **Testing file watcher:**

   • Manually edit a .claude/ file in terminal
   • Verify tree view auto-refreshes
   • Create new file, confirm it appears
   • Delete file, confirm it disappears

5. **Testing cross-platform paths:**

   • Verify paths work correctly
   • Check file operations don't break
   • Test home directory resolution

6. **Testing error handling:**

   • Try to open non-existent file
   • Try to create file in invalid location
   • Try to parse invalid YAML frontmatter
   • Verify error messages are user-friendly

Debugging

Set Breakpoints

• Click in gutter next to line numbers in VS Code
• Red dots indicate activ