Aller au contenu
Korben, roi d’internet, logo bébé avec des lunettes en mode thug life

Comparer 2 captures-écrans de sites web

Wraith est un outil développé par l’équipe qui s’occupe du site de la BBC. Quand plusieurs équipes travaillent sur le même site, il arrive parfois / souvent que de petites régressions visuelles aient lieu. Une icône qui change, un style CSS qui saute, une zone qui change de place…etc.

Parfois ces changements sont tellement subtils qu’il est très difficile de les remarquer.

Afin d’éviter cela sur le site de la BBC, les mecs ont imaginé un outil qui réalise des captures-écrans du site et qui les compare afin de localiser d’un seul coup d’oeil les changements entre 2 versions avant le merge final.

tumblr_inline_moaf774b5i1qz4rgp

Wraith utilise utilise des browsers scriptables comme PhantomJS ou SlimerJS ainsi qu’ImageMagick pour le différentiel visuel et Ruby >= 1.9.3. Comme le site contient du contenu qui change souvent (genre page de news), les dev utilisent Wraith avec 2 sites de tests qui contiennent les mêmes données afin d’isoler uniquement les changements de mise en page.

Je pense que ça pourra vous servir. Apparemment, les gars de la BBC ont gagné énormément de temps et évité pas mal de soucis avec ce système.


Les articles du moment