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.

Bắt đầu bằng cách đọc tài liệu kiểm thử trực quan p5.js được tham chiếu và xem xét dự án so sánh hình ảnh, sau đó kiểm tra các workflow GitHub hiện có của Processing và mọi kiểm thử snapshot hiện tại. Công việc được xem là hoàn tất khi một framework snapshot trực quan tồn tại cho Processing, việc so sánh pixel và tích hợp workflow được tự động hóa, đồng thời các kiểm thử p5.js liên quan đã được chuyển hoặc các kiểm thử Java mới đã được thêm.