devoxx france 2015 zeno pixel

12
@mfourtina #zenoPixel ZENO Matthieu Fourtina Software Engineer in Test @ LesFurets.com

Upload: beastiefurets

Post on 18-Jul-2015

196 views

Category:

Internet


5 download

TRANSCRIPT

Page 1: Devoxx france 2015 zeno pixel

@mfourtina#zenoPixel

ZENO

Matthieu Fourtina Software Engineer in Test @ LesFurets.com

Page 2: Devoxx france 2015 zeno pixel

@mfourtina#zenoPixel

LesFurets.com• Comparateur d’assurance en ligne: 2500000 devis / ans

Page 3: Devoxx france 2015 zeno pixel

@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

@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

@mfourtina#zenoPixel

Cas déjà évité

Page 6: Devoxx france 2015 zeno pixel

@mfourtina#zenoPixel

Cas déjà évité .2

Page 7: Devoxx france 2015 zeno pixel

@mfourtina#zenoPixel

Cas déjà évité .2

Page 8: Devoxx france 2015 zeno pixel

@mfourtina#zenoPixel

Stack

Page 9: Devoxx france 2015 zeno pixel

@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

@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

@mfourtina#zenoPixel

Comparaison

Page 12: Devoxx france 2015 zeno pixel

@YourTwitterHandle@YourTwitterHandle@mfourtina#zenoPixel

Q & A

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

Lien du projet :

Lien des slides sur @mfourtina