Ας ρωτήσω εδώ πριν αρχίσω το γκουγκλάρισμα: Ξέρετε κανένα εργαλείο για μαζικό visual comparison σελίδων? Background story: Κάνουμε μια μεγάλη αλλαγή στη δομή και στο μοντέλο ενός drupal site, αλλά το τελικό (οπτικό) αποτέλεσμα αναμένεται να είναι ίδιο. Θα τρέξουμε την αλλαγή σε έναν test server και θέλουμε να συγκρίνουμε το περιεχόμενο με το production, για να δούμε αν λείπει τίποτα, πριν το release. Λόγω μεγάλης πολυπλοκότητας, το να βρούμε δειγματοληπτικά 1-2 παραδείγματα από κάθε node/entity type δεν είναι αρκετό. Θα προτιμούσα απλώς να τροφοδοτήσω σε κάποιο εργαλείο μία μεγάλη λίστα από urls και να τα συγκρίνει μεταξύ example.com/kati και test.example.com/kati, και να μου δώσει μια αναφορά εάν αυτό που renderάρεται είναι το ίδιο. Custom script που απλά θα συγκρίνει το source code θα ήταν μια λύση, είπα όμως να ρωτήσω αν κανείς έχει κάνει τίποτα παρόμοιο και έχει να προτείνει κάτι, καθώς ένα τέτοιο script θα πρέπει να λαμβάνει υπόψη όχι μόνο τις αλλαγές σε src/href/srcset, αλλά και ενδεχόμενα nid σε css classes κλπ.

backdrop back*stop* (πολυ καλο)

ψαχνεις για "visual regression testing" επι της ουσιας. Αυτά δουλευουν ως εξής: • οριζεις το reference site • το tool σου το σκανάρει ολο, με chrome, και βγαζει PNGs για κάθε resolution που του εχεις ορίσει • τρέχεις το test προς το "release" site • το tool σου δινει report με τα diffs

1000 thanks both 🙂

BackstopJS ❤️