Le javascriptUn ami du php souvent délaissé lors des testsPHP’tit Déj«Intégration Continue»16.05.2013 - Luxembourgmercredi...
PrésentationFrédéric Dewinne= Consultant @ VA Consulting= Architecte logiciel, formateur, coach= Expert PHP / JS depuis 20...
Le javascriptmercredi 22 mai 13
Le javascript≠ langage de présentationmercredi 22 mai 13
Le javascript≠ langage de présentation= langage de programmationmercredi 22 mai 13
Le javascript≠ langage de présentation= langage de programmation= langage événementielmercredi 22 mai 13
Le javascript≠ langage de présentation= langage de programmation= langage événementiel= s’exécute sur un client, un serveu...
Le javascript≠ langage de présentation= langage de programmation= langage événementiel= s’exécute sur un client, un serveu...
Problématique dans le cadre d’un site webmercredi 22 mai 13
Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)mercredi 22 mai 13
Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)= la testabilité du co...
Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)= la testabilité du co...
Comment procéder dès lors ?mercredi 22 mai 13
Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...mercredi 22 mai 13
Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...= et testableTest Driven Developm...
Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...= et testableTest Driven Developm...
JsTestDrivermercredi 22 mai 13
JsTestDriver= initié par Googlemercredi 22 mai 13
JsTestDriver= initié par Google= framework de testmercredi 22 mai 13
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de testmercredi 22 mai 13
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution c...
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution c...
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution c...
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution c...
JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution c...
ExempleTestCase(form-collection-test, {"test add fieldset on add button click": function () {/*:DOC collection = <div><fie...
mercredi 22 mai 13
Et ensuite ?mercredi 22 mai 13
Et ensuite ?= exécuter les tests de manière automatiquemercredi 22 mai 13
Jenkinsmercredi 22 mai 13
Jenkins= démarrage du serveurmercredi 22 mai 13
Jenkins= démarrage du serveur= gestion des browsersmercredi 22 mai 13
Jenkins= démarrage du serveur= gestion des browsers= aggrégation des résultats de testsmercredi 22 mai 13
Jenkins= démarrage du serveur= gestion des browsers= aggrégation des résultats de tests= analyse du code coveragemercredi ...
Résultatsmercredi 22 mai 13
Des questions ?mercredi 22 mai 13
MerciFrédéric Dewinnetwitter => @dwebconsultingemail => frederic.dewinne@vaconsulting.lumercredi 22 mai 13
Upcoming SlideShare
Loading in …5
×

Javascript in a continuous integration environment

638 views
573 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
638
On SlideShare
0
From Embeds
0
Number of Embeds
54
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Javascript in a continuous integration environment

  1. 1. Le javascriptUn ami du php souvent délaissé lors des testsPHP’tit Déj«Intégration Continue»16.05.2013 - Luxembourgmercredi 22 mai 13
  2. 2. PrésentationFrédéric Dewinne= Consultant @ VA Consulting= Architecte logiciel, formateur, coach= Expert PHP / JS depuis 2007mercredi 22 mai 13
  3. 3. Le javascriptmercredi 22 mai 13
  4. 4. Le javascript≠ langage de présentationmercredi 22 mai 13
  5. 5. Le javascript≠ langage de présentation= langage de programmationmercredi 22 mai 13
  6. 6. Le javascript≠ langage de présentation= langage de programmation= langage événementielmercredi 22 mai 13
  7. 7. Le javascript≠ langage de présentation= langage de programmation= langage événementiel= s’exécute sur un client, un serveur ou isolé(applications Windows 8)mercredi 22 mai 13
  8. 8. Le javascript≠ langage de présentation= langage de programmation= langage événementiel= s’exécute sur un client, un serveur ou isolé(applications Windows 8)mercredi 22 mai 13
  9. 9. Problématique dans le cadre d’un site webmercredi 22 mai 13
  10. 10. Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)mercredi 22 mai 13
  11. 11. Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)= la testabilité du codemercredi 22 mai 13
  12. 12. Problématique dans le cadre d’un site web= le client utilisé(OS, type et version de navigateur, ...)= la testabilité du code= la détection des erreursmercredi 22 mai 13
  13. 13. Comment procéder dès lors ?mercredi 22 mai 13
  14. 14. Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...mercredi 22 mai 13
  15. 15. Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...= et testableTest Driven Development (TDD)mercredi 22 mai 13
  16. 16. Comment procéder dès lors ?= écrire du code réutilisableplugins, widgets, prototypes, ...= et testableTest Driven Development (TDD)= tester le code sur différents clientsmercredi 22 mai 13
  17. 17. JsTestDrivermercredi 22 mai 13
  18. 18. JsTestDriver= initié par Googlemercredi 22 mai 13
  19. 19. JsTestDriver= initié par Google= framework de testmercredi 22 mai 13
  20. 20. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de testmercredi 22 mai 13
  21. 21. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution client / serveurmercredi 22 mai 13
  22. 22. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution client / serveur= proxy web pour les dépendancesmercredi 22 mai 13
  23. 23. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution client / serveur= proxy web pour les dépendances= exécutable en ligne de commandemercredi 22 mai 13
  24. 24. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution client / serveur= proxy web pour les dépendances= exécutable en ligne de commande= plugins pour IDEmercredi 22 mai 13
  25. 25. JsTestDriver= initié par Google= framework de test= support d’autres frameworks de test= serveur http pour une exécution client / serveur= proxy web pour les dépendances= exécutable en ligne de commande= plugins pour IDE= plugin de code coveragemercredi 22 mai 13
  26. 26. ExempleTestCase(form-collection-test, {"test add fieldset on add button click": function () {/*:DOC collection = <div><fieldset><input name="toto[0]" /></fieldset></div>*//*:DOC addButton = <button></button>*/$(this.collection).formCollection({addButtonSelector: this.addButton,template: <fieldset><input name="toto[__index__]" /></fieldset>,childrenSelector: fieldset});$(this.addButton).click();assertEquals(2, $(this.collection).find(fieldset).length);}});mercredi 22 mai 13
  27. 27. mercredi 22 mai 13
  28. 28. Et ensuite ?mercredi 22 mai 13
  29. 29. Et ensuite ?= exécuter les tests de manière automatiquemercredi 22 mai 13
  30. 30. Jenkinsmercredi 22 mai 13
  31. 31. Jenkins= démarrage du serveurmercredi 22 mai 13
  32. 32. Jenkins= démarrage du serveur= gestion des browsersmercredi 22 mai 13
  33. 33. Jenkins= démarrage du serveur= gestion des browsers= aggrégation des résultats de testsmercredi 22 mai 13
  34. 34. Jenkins= démarrage du serveur= gestion des browsers= aggrégation des résultats de tests= analyse du code coveragemercredi 22 mai 13
  35. 35. Résultatsmercredi 22 mai 13
  36. 36. Des questions ?mercredi 22 mai 13
  37. 37. MerciFrédéric Dewinnetwitter => @dwebconsultingemail => frederic.dewinne@vaconsulting.lumercredi 22 mai 13

×