@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émentaire aux tests unitaires et fonctionnels

• Outil intégré dans le continuous delivery

@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

@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égration continue

• Approche modulaire➡ Comparaison d’emails, intégration de sitemaps

@mfourtina#zenoPixel

Comparaison

Pour chaque pixel :

R G B A R G B A

d1d2d3

p1 (true || false)

@mfourtina#zenoPixel

Comparaison

@YourTwitterHandle@YourTwitterHandle@mfourtina#zenoPixel

Q & A

https://github.com/lesfurets/zeno-pixel

Lien du projet :

Lien des slides sur @mfourtina