@mfourtina#zenoPixel
ZENO
Matthieu Fourtina
Software Engineer in Test @ LesFurets.com
@mfourtina#zenoPixel
LesFurets.com
• Comparateur d’assurance en ligne: 2500000 devis / ans
@mfourtina#zenoPixel
Pourquoi créer Zeno ?
• 1 Mise en production / Jour
40k tests unitaires, 200 tests Sélenium
• Complém...
@mfourtina#zenoPixel
Zeno
• Détection des régressions graphiques par comparaison d’images
➡ entre différents environnement...
@mfourtina#zenoPixel
Cas déjà évité
@mfourtina#zenoPixel
Cas déjà évité .2
@mfourtina#zenoPixel
Cas déjà évité .2
@mfourtina#zenoPixel
Stack
@mfourtina#zenoPixel
Features
• Rendu réalisé à partir d'URLs et de cookies
• Comparaison d’images
• APIs pour l’intégrati...
@mfourtina#zenoPixel
Comparaison
Pour chaque pixel :
R G B A R G B A
d1
d2
d3
p1 (true || false)
@mfourtina#zenoPixel
Comparaison
@YourTwitterHandle@YourTwitterHandle@mfourtina#zenoPixel
Q & A
https://github.com/lesfurets/zeno-pixel
Lien du projet :
Li...
Prochain SlideShare
Chargement dans…5
×

Devoxx france 2015 zeno pixel

1 000 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
1 000
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
7
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

×