Tolerate percentage instead of fixed pixels

Author: NikolaSimsic

maestro/helpers/compare_screenshots.js

@@ -71,15 +71,17 @@ fs.readdirSync(actualDir).forEach(file => {
       diffMask: true
     });
 
-    const pixelTolerance = 50;
-    
+    const tolerancePercent = 0.02; // 2%
+    const totalPixels = width * height;
+    const pixelTolerance = Math.floor(totalPixels * tolerancePercent);
+
     if (numDiffPixels > pixelTolerance) {
       fs.writeFileSync(diffPath, PNG.sync.write(diff));
       failedComparisons.push(file);
-      console.log(`❌ Comparison failed for ${file}`);
+      console.log(`❌ Comparison failed for ${file} (diff: ${numDiffPixels} > tolerance: ${pixelTolerance})`);
     } else {
       fs.appendFileSync(path.join(__dirname, '../../compare_output.txt'), `✅ Comparison passed for ${file}\n`);
-      console.log(`✅ Comparison passed for ${file}`);
+      console.log(`✅ Comparison passed for ${file} (diff: ${numDiffPixels} <= tolerance: ${pixelTolerance})`);
     }
   } else {
     console.log(`⚠️ Expected file not found for ${file}`);