🧪 Comprehensive Toolspy Extension Test Suite

📋 Testing Instructions:

  1. Load Extension: chrome://extensions/ → Developer mode → Load unpacked → Select extension/chrome folder
  2. Navigate to this page and ensure it loads completely
  3. Click the Toolspy extension icon in the Chrome toolbar
  4. Follow the test steps below to verify each feature

🖼️ Test 1: Image Detection

This section contains 8 different images that should be detected by the extension:

High Quality JPEG

Test image 1

400x300 • ~50KB

Square PNG

PNG test image

300x300 • ~15KB

Wide Landscape

Wide landscape image

500x200 • ~40KB

Portrait Image

Portrait image

200x400 • ~35KB

Large Image

Large test image

600x400 • ~80KB

Different Source

Different CDN image

350x250 • ~20KB

Background Images:

🌄 Background Image 1 (800x400)
🎨 Background Image 2 (700x300)
Expected Result: Extension should detect 8 total images (6 img tags + 2 background images)

⚙️ Test 2: Compression Workflow

Step 1: Image Selection

  • ✅ Click on individual images to select them
  • ✅ Try "Select All" button
  • ✅ Try "Clear Selection" button
  • ✅ Verify selection counter updates correctly

Step 2: Compression Settings

  • ✅ Try different presets (Balanced, High Quality, Max Compression, Web Optimized)
  • ✅ Adjust quality slider manually
  • ✅ Change output format (JPEG, PNG, WebP)
  • ✅ Test advanced settings (resize, EXIF removal)

Step 3: Compression Process

  • ✅ Click "Compress X Images" button
  • ✅ Verify progress bar shows during compression
  • ✅ Check console for detailed logs (F12 → Console)
  • ✅ Ensure no errors in console

Step 4: Download Results

  • ✅ Verify compression statistics are shown
  • ✅ Test individual file downloads
  • ✅ Test "Download All" button
  • ✅ Test "ZIP Download" button

🛡️ Test 3: Error Handling

Test Error Recovery:

  • ✅ Start compression, then reload extension (chrome://extensions/)
  • ✅ Try accessing chrome:// pages (should show appropriate error)
  • ✅ Test with no images selected
  • ✅ Check error messages are user-friendly

🔧 Debug Information

User Agent:

Page URL:

Images Detected: Calculating...

Background Images: Calculating...

Page Load Time: Calculating...

Extension Compatible: Checking...

✅ Expected Test Results

Image Detection:

  • ✅ Should detect exactly 8 images
  • ✅ All images should be selectable
  • ✅ Selection counter should update correctly

Compression:

  • ✅ All images should compress successfully
  • ✅ File sizes should be reduced
  • ✅ No console errors during compression
  • ✅ Compression statistics should show correctly

Downloads:

  • ✅ Individual downloads should work
  • ✅ Bulk download should work
  • ✅ ZIP download should create valid archive
  • ✅ Downloaded files should open correctly