Download - Devoxx france 2015 zeno pixel
![Page 1: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/1.jpg)
@mfourtina#zenoPixel
ZENO
Matthieu Fourtina Software Engineer in Test @ LesFurets.com
![Page 2: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/2.jpg)
@mfourtina#zenoPixel
LesFurets.com• Comparateur d’assurance en ligne: 2500000 devis / ans
![Page 3: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/3.jpg)
@mfourtina#zenoPixel
Pourquoi créer Zeno ?
• 1 Mise en production / Jour
40k tests unitaires, 200 tests Sélenium• Complémentaire aux tests unitaires et fonctionnels
• Outil intégré dans le continuous delivery
![Page 4: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/4.jpg)
@mfourtina#zenoPixel
Zeno
• Détection des régressions graphiques par comparaison d’images➡ entre différents environnements➡ entre différentes versions➡ desktop, mobile, tablette
https://github.com/lesfurets/zeno-pixel• Open source
• Utilisé en production depuis 1 an
![Page 5: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/5.jpg)
@mfourtina#zenoPixel
Cas déjà évité
![Page 6: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/6.jpg)
@mfourtina#zenoPixel
Cas déjà évité .2
![Page 7: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/7.jpg)
@mfourtina#zenoPixel
Cas déjà évité .2
![Page 8: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/8.jpg)
@mfourtina#zenoPixel
Stack
![Page 9: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/9.jpg)
@mfourtina#zenoPixel
Features
• Rendu réalisé à partir d'URLs et de cookies
• Comparaison d’images
• APIs pour l’intégration continue
• Approche modulaire➡ Comparaison d’emails, intégration de sitemaps
![Page 10: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/10.jpg)
@mfourtina#zenoPixel
Comparaison
Pour chaque pixel :
R G B A R G B A
d1d2d3
p1 (true || false)
![Page 11: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/11.jpg)
@mfourtina#zenoPixel
Comparaison
![Page 12: Devoxx france 2015 zeno pixel](https://reader033.vdocuments.net/reader033/viewer/2022052223/55a93dc61a28ab94758b47f0/html5/thumbnails/12.jpg)
@YourTwitterHandle@YourTwitterHandle@mfourtina#zenoPixel
Q & A
https://github.com/lesfurets/zeno-pixel
Lien du projet :
Lien des slides sur @mfourtina