🧪 imageOps.ts Test Suite
Tests the same functions used by Editor.tsx and ExportPicker.tsx
Pass:
0
Fail:
0
Source Image
Run All Tests
✂️ Crop
Center 50%
cropImage(x:25,y:25,w:50,h:50)
Top-left quarter
cropImage(x:0,y:0,w:50,h:50)
⏳
1px edge
cropImage(x:0,y:0,w:0.1,h:0.1)
🎨 Adjustments
Brightness 150%
applyAdjustments(brightness:150)
⏳
Contrast 200%
applyAdjustments(contrast:200)
⏳
Grayscale
applyAdjustments(saturate:0)
⏳
✨ Effects
Shadow
applyShadow(addShadow)
⏳
White bg + shadow
applyShadow(bg,shadow)
⏳
🎨 Background Colors
White background
renderCanvas(bg:#FFFFFF)
Red background
renderCanvas(bg:#FF0000)
⏳
Blue background
renderCanvas(bg:#0000FF)
Green background
renderCanvas(bg:#00FF00)
⏳
📦 E-commerce Export
Amazon 2000x2000
exportForPlatform(amazon)
⏳
Shopify 2048x2048
exportForPlatform(shopify)
⏳
eBay 1600x1600
exportForPlatform(ebay)
⏳
Etsy 2000x2000
exportForPlatform(etsy)
⏳
Instagram 1080x1080
exportForPlatform(instagram)
⏳
🔧 Full Pipeline
renderCanvas full
renderCanvas(adj,shadow,bg)
💾 Download
Download image
createObjectURL + download link