Les tests automatisés
JavaScript
Pascal Laurin
Décembre 2015
@plaurin78
pascal.laurin@outlook.com
www.pascallaurin.com
htt...
1. Pourquoi et quand les tests clients?
2. Les outils à installer
1. Node.js
2. npm
3. Gulp
4. Jasmine
3. Démos
4. Autres ...
Qualité du code et maintenance
Principalement pour les mêmes raisons qu’on teste le code
serveur aujourd’hui.
Pour
Beaucou...
https://nodejs.org
4
Les outils à installer
Node.js
https://www.npmjs.com/
5
Les outils à installer
npm
6
Les outils à installer
Gulp
http://gulpjs.com/
7
Les outils à installer
Jasmine
http://jasmine.github.io/
Cmd fun!
Node.js
Npm
VS Code
Gulp et Jasmine
Comparaison dans Visual Studio
Node tools for VS
Debugging dans VSCode
8
Démo...
https://www.visualstudio.com/en-us/features/node-js-
vs.aspx
9
Autres outils
Node.js tools for Visual Studio
https://www.npmjs.com/package/gulp-istanbul
10
Autres outils
Istanbul
https://www.npmjs.com/package/gulp-cucumber
11
Autres outils
Cucumber
Références
BitBucket pour le code
• https://bitbucket.org/pascallaurin/jstests-talk
Les outils de base
• https://nodejs.or...
Prochain SlideShare
Chargement dans…5
×

Tests automatisés java script

575 vues

Publié le

Avec l'arrivée des Single Page Applications avec du code côté client de plus en plus complexe il est grand temps de commencer à penser à bien tester notre code JavaScript. Aujourd'hui il existe déjà plusieurs façons d'écrire des tests côté client mais ça peut paraître encore très compliqué.

Dans cette présentation je vais montrer une solution simple et qui marche bien pour mes projets web: Node.js comme runtime, npm comme package manager, gulp comme task runner, jasmine comme librairie de test ainsi que le Task Runner Explorer de Visual Studio.

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
575
Sur SlideShare
0
Issues des intégrations
0
Intégrations
7
Actions
Partages
0
Téléchargements
6
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Tests automatisés java script

  1. 1. Les tests automatisés JavaScript Pascal Laurin Décembre 2015 @plaurin78 pascal.laurin@outlook.com www.pascallaurin.com http://fr.slideshare.net/PascalLaurin https://bitbucket.org/pascallaurin Microsoft .NET MVP Développeur & Architecte chez GSoft
  2. 2. 1. Pourquoi et quand les tests clients? 2. Les outils à installer 1. Node.js 2. npm 3. Gulp 4. Jasmine 3. Démos 4. Autres outils 1. Node tools for VS 2. Istanbul (code coverage) 3. Cucumber Agenda
  3. 3. Qualité du code et maintenance Principalement pour les mêmes raisons qu’on teste le code serveur aujourd’hui. Pour Beaucoup de code client-side SPA Contre Interaction avec le DOM Data-binding, ‘code’ dans le HTML 3 Pourquoi et quand les tests clients?
  4. 4. https://nodejs.org 4 Les outils à installer Node.js
  5. 5. https://www.npmjs.com/ 5 Les outils à installer npm
  6. 6. 6 Les outils à installer Gulp http://gulpjs.com/
  7. 7. 7 Les outils à installer Jasmine http://jasmine.github.io/
  8. 8. Cmd fun! Node.js Npm VS Code Gulp et Jasmine Comparaison dans Visual Studio Node tools for VS Debugging dans VSCode 8 Démos https://bitbucket.org/pascallaurin/jstests-talk/overview
  9. 9. https://www.visualstudio.com/en-us/features/node-js- vs.aspx 9 Autres outils Node.js tools for Visual Studio
  10. 10. https://www.npmjs.com/package/gulp-istanbul 10 Autres outils Istanbul
  11. 11. https://www.npmjs.com/package/gulp-cucumber 11 Autres outils Cucumber
  12. 12. Références BitBucket pour le code • https://bitbucket.org/pascallaurin/jstests-talk Les outils de base • https://nodejs.org • https://www.npmjs.com/ • http://gulpjs.com/ • http://jasmine.github.io/ Autres outils • https://www.visualstudio.com/en-us/features/node-js-vs.aspx • https://www.npmjs.com/package/gulp-istanbul • https://www.npmjs.com/package/gulp-cucumber Questions? @plaurin78 www.pascallaurin.com pascal.laurin@outlook.com http://fr.slideshare.net/PascalLaurin https://bitbucket.org/pascallaurin

×