Implement image comparison for visual tests

[SableRaf]

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

Note

This has been added to our GSoC 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.

[Rishab87]

Hi I would like to work on this issue, can you please assign this to me?

[SableRaf]

Hi @Rishab87,

This issue is a rather large undertaking and not ready to be assigned. However, we've added it to our GSoC 2025 project list. You're very welcome to apply!

For questions about Processing's participation in GSoC, check out this post on the Processing forum. You can also ask any question you have about this project in that thread.

[Rishab87]

Thanks for telling @SableRaf, I already made a basic implementation of it, I'll check out this project, I was already planning to apply for GSoC this year with p5