+
+
+
+ `;
+
+ fs.writeFileSync(REPORT_FILE, html);
+ console.log(`\n✓ Report generated: ${REPORT_FILE}`);
+}
+
+/**
+ * Main execution
+ */
+function main() {
+ console.log('🔍 Visual Comparison Tool for CoolPDF vs react-native-pdf\n');
+
+ // Check dependencies
+ if (!checkImageMagick()) {
+ process.exit(1);
+ }
+
+ // Find screenshot pairs
+ const pairs = findScreenshotPairs();
+ console.log(`✓ Found ${pairs.length} screenshot pair(s)\n`);
+
+ if (pairs.length === 0) {
+ console.log('No screenshot pairs found. Make sure your tests use takeScreenshot with -coolpdf and -rnpdf suffixes.');
+ process.exit(0);
+ }
+
+ // Compare each pair
+ const comparisons = pairs.map(compareImages);
+
+ // Generate report
+ generateHTMLReport(comparisons);
+
+ // Print summary
+ console.log('\n📊 Comparison Summary:');
+ console.log(` Identical: ${comparisons.filter(c => c.status === 'identical').length}`);
+ console.log(` Minor differences: ${comparisons.filter(c => c.status === 'minor-diff').length}`);
+ console.log(` Significant differences: ${comparisons.filter(c => c.status === 'significant-diff').length}`);
+ console.log(` Errors: ${comparisons.filter(c => c.status === 'error').length}`);
+
+ // Open report
+ console.log(`\n🌐 Opening report in browser...`);
+ execSync(`open "${REPORT_FILE}"`);
+}
+
+// Run if called directly
+if (require.main === module) {
+ main();
+}
+
+module.exports = { findScreenshotPairs, compareImages, generateHTMLReport };
\ No newline at end of file
diff --git a/example/visual-diff-results/basic-base64-diff.png b/example/visual-diff-results/basic-base64-diff.png
new file mode 100644
index 0000000..2cff6c9
Binary files /dev/null and b/example/visual-diff-results/basic-base64-diff.png differ
diff --git a/example/visual-diff-results/basic-cache-filename-diff.png b/example/visual-diff-results/basic-cache-filename-diff.png
new file mode 100644
index 0000000..624591a
Binary files /dev/null and b/example/visual-diff-results/basic-cache-filename-diff.png differ
diff --git a/example/visual-diff-results/basic-no-cache-diff.png b/example/visual-diff-results/basic-no-cache-diff.png
new file mode 100644
index 0000000..cd84b44
Binary files /dev/null and b/example/visual-diff-results/basic-no-cache-diff.png differ
diff --git a/example/visual-diff-results/basic-require-local-diff.png b/example/visual-diff-results/basic-require-local-diff.png
new file mode 100644
index 0000000..a9e7834
Binary files /dev/null and b/example/visual-diff-results/basic-require-local-diff.png differ
diff --git a/example/visual-diff-results/basic-with-cache-diff.png b/example/visual-diff-results/basic-with-cache-diff.png
new file mode 100644
index 0000000..467827e
Binary files /dev/null and b/example/visual-diff-results/basic-with-cache-diff.png differ
diff --git a/example/visual-diff-results/visual-comparison-report.html b/example/visual-diff-results/visual-comparison-report.html
new file mode 100644
index 0000000..921eba3
--- /dev/null
+++ b/example/visual-diff-results/visual-comparison-report.html
@@ -0,0 +1,387 @@
+
+
+
+
+
+
+ 📊 Visual Comparison Report
+ + +
+
+
+ ${comparisons.map(comp => `
+ Summary
+
+
+
+
+ ${comparisons.length}
+ Total Tests
+
+
+ ${comparisons.filter(c => c.status === 'identical').length}
+ Identical
+
+
+ ${comparisons.filter(c => c.status === 'minor-diff').length}
+ Minor Differences
+
+
+ ${comparisons.filter(c => c.status === 'significant-diff').length}
+ Significant Differences
+
+
+ `).join('')}
+
+
+
+ ${comp.error ? `
+ ${comp.name}
+ + ${comp.status === 'identical' ? '✓ Identical' : + comp.status === 'minor-diff' ? '⚠ Minor Difference' : + comp.status === 'significant-diff' ? '✗ Significant Difference' : + '✗ Error'} + +Error: ${comp.error}
+ ` : ` +
+
+
+
+ Different Pixels: ${comp.differentPixels.toLocaleString()}
+
+
+ Difference: ${comp.diffPercentage}%
+
+
+ Total Pixels: ${comp.totalPixels.toLocaleString()}
+
+
+
+ `}
+
+ })
+
+ CoolPDF
+
+ })
+
+ react-native-pdf
+
+ })
+
+ Difference
+
+
+
+
+
\ No newline at end of file
📊 Visual Comparison Report
+ + +
+
+
+
+ Summary
+
+
+
+
+ 5
+ Total Tests
+
+
+ 0
+ Identical
+
+
+ 5
+ Minor Differences
+
+
+ 0
+ Significant Differences
+
+
+
+
+
+
+
+ basic-base64
+ + ⚠ Minor Difference + +
+
+
+
+ Different Pixels: 1,954
+
+
+ Difference: 0.08%
+
+
+ Total Pixels: 2,592,000
+
+
+
+
+
+ 
+
+ CoolPDF
+
+
+ 
+
+ react-native-pdf
+
+
+ 
+
+ Difference
+
+
+
+
+
+
+
+
+ basic-cache-filename
+ + ⚠ Minor Difference + +
+
+
+
+ Different Pixels: 14,167
+
+
+ Difference: 0.55%
+
+
+ Total Pixels: 2,592,000
+
+
+
+
+
+ 
+
+ CoolPDF
+
+
+ 
+
+ react-native-pdf
+
+
+ 
+
+ Difference
+
+
+
+
+
+
+
+
+ basic-no-cache
+ + ⚠ Minor Difference + +
+
+
+
+ Different Pixels: 14,167
+
+
+ Difference: 0.55%
+
+
+ Total Pixels: 2,592,000
+
+
+
+
+
+ 
+
+ CoolPDF
+
+
+ 
+
+ react-native-pdf
+
+
+ 
+
+ Difference
+
+
+
+
+
+
+
+
+ basic-require-local
+ + ⚠ Minor Difference + +
+
+
+
+ Different Pixels: 3,977
+
+
+ Difference: 0.15%
+
+
+ Total Pixels: 2,592,000
+
+
+
+
+
+ 
+
+ CoolPDF
+
+
+ 
+
+ react-native-pdf
+
+
+ 
+
+ Difference
+
+
+
+
+
+
+
+
+ basic-with-cache
+ + ⚠ Minor Difference + +
+
+
+
+ Different Pixels: 14,167
+
+
+ Difference: 0.55%
+
+
+ Total Pixels: 2,592,000
+
+
+
+
+
+ 
+
+ CoolPDF
+
+
+ 
+
+ react-native-pdf
+
+
+ 
+
+ Difference
+
+