39
Outils de test Cross Browser @cbalit Paris-Webcomponents ng-Paris

Paris Web 2014 - Outils de test Cross Browser

Embed Size (px)

DESCRIPTION

De nos jours, mettre en production une application web c’est la mettre à disposition sur un nombre vertigineux de combinaisons os/browser. Mac OS, Windows, Linux, Iphone, Android, Chrome, Firefox… et le nombre de combinaisons ne fait qu’augmenter. Du coup il devient coûteux voire illusoire de vouloir disposer de ces environnements pour tester notre application. La bonne nouvelle c’est qu’il existe une panoplie d’outils qui vont vous faciliter la tâche à coup de tests live ou automatisés, de comparaisons de screenshots, de partage de screencasts… Je vous propose un tour d’horizon de ces nouveaux acteurs du testing, leurs fonctionnalités, leurs atouts et leurs faiblesses.

Citation preview

Page 1: Paris Web 2014 -  Outils de test Cross Browser

Outils de test Cross Browser

@cbalit

Paris-Webcomponentsng-Paris

Page 2: Paris Web 2014 -  Outils de test Cross Browser

POURQUOI ?

Page 3: Paris Web 2014 -  Outils de test Cross Browser

LES FONCTIONNALITÉS

Page 4: Paris Web 2014 -  Outils de test Cross Browser

LE TEST MANUEL

Page 5: Paris Web 2014 -  Outils de test Cross Browser

LE TEST AUTOMATISÉ

Page 6: Paris Web 2014 -  Outils de test Cross Browser

GARDER UNE TRACE DES TESTS

Page 7: Paris Web 2014 -  Outils de test Cross Browser

LES MOBILES

Page 8: Paris Web 2014 -  Outils de test Cross Browser

SIDE BY SIDE

Page 9: Paris Web 2014 -  Outils de test Cross Browser

INTÉGRATION CONTINU

Page 10: Paris Web 2014 -  Outils de test Cross Browser

TESTER DES URL INTERNES

Page 11: Paris Web 2014 -  Outils de test Cross Browser

LES SOLUTIONS

Page 12: Paris Web 2014 -  Outils de test Cross Browser

PARC

Page 13: Paris Web 2014 -  Outils de test Cross Browser

OPEN DEVICE LAB

Page 14: Paris Web 2014 -  Outils de test Cross Browser

BrowseEmAll

Page 15: Paris Web 2014 -  Outils de test Cross Browser

BrowseEmAll / Manuel

Page 16: Paris Web 2014 -  Outils de test Cross Browser

Ghost Lab

Page 17: Paris Web 2014 -  Outils de test Cross Browser

Ghost Lab

Page 18: Paris Web 2014 -  Outils de test Cross Browser

37€/licence

Ghost Lab

Page 19: Paris Web 2014 -  Outils de test Cross Browser

CLOUD

Page 20: Paris Web 2014 -  Outils de test Cross Browser

BrowserStack

Page 21: Paris Web 2014 -  Outils de test Cross Browser

BrowserStack

Page 22: Paris Web 2014 -  Outils de test Cross Browser

BrowserStack

Page 23: Paris Web 2014 -  Outils de test Cross Browser

Live à partir de 39$/mois

Automate à partir de 99$/mois

Screenshot/Responsive à partir de 39$/mois

BrowserStack

Page 24: Paris Web 2014 -  Outils de test Cross Browser

Sauce Labs

Page 25: Paris Web 2014 -  Outils de test Cross Browser

Sauce Labs

Page 26: Paris Web 2014 -  Outils de test Cross Browser

A partir de 12$/mois

Sauce Labs

Page 27: Paris Web 2014 -  Outils de test Cross Browser

Mogo

Page 28: Paris Web 2014 -  Outils de test Cross Browser

Mogo

Page 29: Paris Web 2014 -  Outils de test Cross Browser

Mogo

A partir de 99$/mois

Page 30: Paris Web 2014 -  Outils de test Cross Browser

TestingBot

Page 31: Paris Web 2014 -  Outils de test Cross Browser

TestingBot

Page 32: Paris Web 2014 -  Outils de test Cross Browser

TestingBot

A partir de 40$/mois

Page 33: Paris Web 2014 -  Outils de test Cross Browser

Un mot sur l’automatisation

Page 34: Paris Web 2014 -  Outils de test Cross Browser

Alors...

Page 35: Paris Web 2014 -  Outils de test Cross Browser

Le local pour le debug

Page 36: Paris Web 2014 -  Outils de test Cross Browser

Ne pas oublier le réel

Page 37: Paris Web 2014 -  Outils de test Cross Browser

Le cloud pour

l’industrialisation

Page 38: Paris Web 2014 -  Outils de test Cross Browser

Les tests automatisés

Page 39: Paris Web 2014 -  Outils de test Cross Browser

MERCI

@cbalit

Paris-Webcomponents