Implement image comparison for visual tests

Implement a visual snapshot testing system, inspired by the one used in p5.js.

[!NOTE]
This has been added to our pr05 2025 project list.

Goals

• Develop a visual snapshot testing framework for Processing.
• Automate image comparisons using pixel matching (e.g., image-comparison).
• Integrate the testing system into GitHub workflows.
• Port existing p5.js snapshot tests and develop new ones for Processing’s Java environment.

Motivation

This will benefit both the Processing community and its future contributors by providing a reliable way to catch visual regressions, making it easier for contributors to propose changes with confidence.

References

Read more about the p5.js approach in the documentation and this contributor blog post.

Lies zunächst die referenzierte Dokumentation zu visuellen Tests von p5.js und prüfe das Projekt für Bildvergleiche. Untersuche anschließend die vorhandenen GitHub-Workflows von Processing und alle aktuellen Snapshot-Tests. Die Aufgabe ist abgeschlossen, wenn ein Framework für visuelle Snapshots für Processing existiert, Pixelvergleiche und die Workflow-Integration automatisiert sind und relevante p5.js-Tests portiert oder neue Java-Tests hinzugefügt wurden.