Devoxx france 2015 zeno pixel

921 vues

Publié le

Devoxx France 2015 - Armez-vous d'un pixel monitoring avec Zeno !

Lassés de subir des régressions visuelles et d'avoir à vérifier manuellement les pages du site LesFurets.com, nous avons décidé d'automatiser la détection des régressions en créant Zeno.

Zeno est un outil à base NodeJS et PhatomJS open sourcé par LesFurets.com qui monitore un ensemble de pages et les compare pixel par pixel à une version de référence. Ce tools in action vous permettra de découvrir ce qu'il est possible de détecter automatiquement et avec quels environnements/devices; ainsi que son intégration de notre Continious Delivery.

Matthieu Fourtina -- Software Engineer in Test@Lesfurets.com.

Développeur Java depuis plusieurs années et devenu NodeJs addict, je m’intéresse à tout ce qui touche à l"écosystème Javascript: frameworks front-end, taskrunners et autres outils d'intégration

Publié dans : Internet
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
921
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Devoxx france 2015 zeno pixel

  1. 1. @mfourtina#zenoPixel ZENO Matthieu Fourtina Software Engineer in Test @ LesFurets.com
  2. 2. @mfourtina#zenoPixel LesFurets.com • Comparateur d’assurance en ligne: 2500000 devis / ans
  3. 3. @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
  4. 4. @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
  5. 5. @mfourtina#zenoPixel Cas déjà évité
  6. 6. @mfourtina#zenoPixel Cas déjà évité .2
  7. 7. @mfourtina#zenoPixel Cas déjà évité .2
  8. 8. @mfourtina#zenoPixel Stack
  9. 9. @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
  10. 10. @mfourtina#zenoPixel Comparaison Pour chaque pixel : R G B A R G B A d1 d2 d3 p1 (true || false)
  11. 11. @mfourtina#zenoPixel Comparaison
  12. 12. @YourTwitterHandle@YourTwitterHandle@mfourtina#zenoPixel Q & A https://github.com/lesfurets/zeno-pixel Lien du projet : Lien des slides sur @mfourtina

×