Implement image comparison for visual tests

Descrizione

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.

Come iniziare

Leggi tutta la issue e poi la guida ai contributi del progetto.

Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.

Fai un fork del repository e lavora su un branch.

Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia leggendo la documentazione referenziata sui test visivi di p5.js e esaminando il progetto per il confronto delle immagini; poi, ispeziona i workflow GitHub esistenti di Processing e qualsiasi snapshot test attuale. Il lavoro è completo quando esiste un framework per gli snapshot visivi per Processing, i confronti dei pixel e l’integrazione con i workflow sono automatizzati e i test p5.js pertinenti sono stati portati oppure sono stati aggiunti nuovi test Java.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico

github-actions, java

Ambito

ci-cd, testing

Tipo di issue

Funzionalità

Difficoltà

5/5

Tempo stimato

Più di una settimana

Stato di attività

Ferma

Chiarezza

Da chiarire

Idoneità per principianti

25/100