Amazon Product Bar Extension - Test Page

Extension Build Status

✅ Extension builds successfully

✅ No diagnostic errors found

✅ Storage permission added to manifest.json

Core Components Status

✅ ProductStorageManager - Implemented

✅ ListIconManager - Implemented

✅ ItemsPanelManager - Implemented

✅ UrlValidator - Implemented

✅ Content Script with React - Implemented

✅ StaggeredMenu Integration - Implemented

✅ BlacklistStorageManager - Implemented

✅ BrandExtractor - Implemented

✅ BrandLogoRegistry - Implemented

✅ BrandIconManager - Implemented

✅ BlacklistPanelManager - Implemented

Installation Instructions

1. Open Chrome and navigate to chrome://extensions/
2. Enable "Developer mode" in the top right corner
3. Click "Load unpacked" button
4. Select the root directory of this extension project
5. The extension should appear in your extensions list
6. Navigate to any Amazon search results page (e.g., amazon.de/s?k=laptop)
7. You should see:
   • Product bars below product images
   • A menu button in the top right corner
   • Items panel accessible via the menu

Manual Testing Checklist

After loading the extension, test these features:

Items Feature

• ☐ Product bars appear below product images on Amazon search pages
• ☐ Menu button appears and opens StaggeredMenu
• ☐ "Items" menu item opens the Items Panel
• ☐ Can enter Amazon product URLs in the Items Panel
• ☐ URL validation works (rejects invalid URLs)
• ☐ Products can be saved and appear in the list
• ☐ Saved products show list icons in product bars
• ☐ Products can be deleted from the Items Panel
• ☐ Icons disappear when products are deleted
• ☐ Extension works on both amazon.de and amazon.com

Blacklist Feature (End-to-End Test)

• ☐ "Blacklist" menu item opens the Blacklist Panel
• ☐ Can enter brand names in the input field
• ☐ Brand is added when clicking "Hinzufügen" or pressing Enter
• ☐ Success message appears after adding a brand
• ☐ Brand appears in the list with logo (or blocked icon)
• ☐ Duplicate brands are rejected with error message
• ☐ Brand icons appear on matching products in Product_Bars
• ☐ Delete button removes brand from list
• ☐ Brand icons disappear from Product_Bars when brand is deleted
• ☐ Known brands (Nike, Adidas, Puma, Apple, Samsung) show specific logos
• ☐ Unknown brands show generic blocked icon
• ☐ Case-insensitive matching works (Nike = nike = NIKE)

Test URLs

Use these URLs to test the extension:

• Amazon.de - Laptop Search
• Amazon.com - Books Search
• Sample Product Page (Amazon.de)

Troubleshooting

If the extension doesn't work:

• Check the browser console for error messages (F12 → Console)
• Ensure you're on an Amazon search results page
• Try refreshing the page after loading the extension
• Check that the extension is enabled in chrome://extensions/
• Verify that the dist/ folder contains content.js and style.css