Tests unitaires JavaScriptXavier NOPRE – 14/05/2013GRENOBLE
Xavier NOPRE@xnopre xnopre.blogspot.comIndépendantDéveloppeurAgiliste
Jasmine : Cest quoi ? Un framework de tests unitaires pour JavaScript  fournit un cadre pour écrire les tests unitaires...
Mise en route ? Le site et la doc : http://pivotal.github.io/jasmine/ Télécharger le ZIP et dézipper : https://github.c...
Jouer mes tests ? Editer SpecRunner.html :
Et ça ressemble à quoi ? 1/2 Suite de tests :describe("Ma suite de tests : ", function() {...}); Suite dans des suites :...
Et ça ressemble à quoi ? 2/2 Code avant chaque test "before" :beforeEach(function() {...}); Test :it("should display ini...
Je veux voir !
Et tester le DOM ?Extension jasmine-jquery : https://github.com/velesin/jasmine-jquery Ajoute des assertions spécifiques...
Et tester mes requêtes Ajax ?Extension jasmine-ajax : https://github.com/pivotal/jasmine-ajax Compatible avec jQuery Pe...
Et actuellement, ten es où ? (REX) Jasmine (ou autre) : super ! Traitement de données, formatages, … : OK ! Tests sur l...
 Xavier NOPRE : Développeur logiciel passionné (Java &Web) Pratique et partage l’agilité depuis 2007 Indépendant. Miss...
AnnexesRetrouvez ici quelques captures des écransprésentés lors de la session
Page de test Jasmine après unzip
Fichier : MesTests.jsdescribe("Ma suite de tests : ", function() {var message;beforeEach(function() {message = "Hello Huma...
Fichier : MonCode.js(function(){window.htgre = {expandForHTGrenoble: function(message) {return message + " Grenoble";}};})...
Page de test Jasmine avec mes tests démo
Prochain SlideShare
Chargement dans…5
×

Jasmine : tests unitaires en JavaScript - Human Talks Grenoble 14.05.2013

2 097 vues

Publié le

Slides et quelques captures d'écrans de ma présentation de Jasmine (pour les tests unitaires en JavaScript) lors de la soirée des Human Talks du 14/05/2013 à Grenoble

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
2 097
Sur SlideShare
0
Issues des intégrations
0
Intégrations
28
Actions
Partages
0
Téléchargements
10
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Jasmine : tests unitaires en JavaScript - Human Talks Grenoble 14.05.2013

  1. 1. Tests unitaires JavaScriptXavier NOPRE – 14/05/2013GRENOBLE
  2. 2. Xavier NOPRE@xnopre xnopre.blogspot.comIndépendantDéveloppeurAgiliste
  3. 3. Jasmine : Cest quoi ? Un framework de tests unitaires pour JavaScript  fournit un cadre pour écrire les tests unitaires Indépendant dautres librairies Ne nécessitant pas de DOM
  4. 4. Mise en route ? Le site et la doc : http://pivotal.github.io/jasmine/ Télécharger le ZIP et dézipper : https://github.com/downloads/pivotal/jasmine/jasmine-standalone-1.3.1.zip Afficher SpecRunner.html dans le navigateur Editer : Les tests dans le répertoire spec Le code dans le répertoire src Et pour mes tests ?
  5. 5. Jouer mes tests ? Editer SpecRunner.html :
  6. 6. Et ça ressemble à quoi ? 1/2 Suite de tests :describe("Ma suite de tests : ", function() {...}); Suite dans des suites :describe("Ma suite de tests : ", function() {...describe("Suite dans la suite: ", function() {...});});
  7. 7. Et ça ressemble à quoi ? 2/2 Code avant chaque test "before" :beforeEach(function() {...}); Test :it("should display initial message", function() {expect(xxx).toEqual(yyy);}); Etc …
  8. 8. Je veux voir !
  9. 9. Et tester le DOM ?Extension jasmine-jquery : https://github.com/velesin/jasmine-jquery Ajoute des assertions spécifiques : toBe(selector), toBeHidden, toHaveCss, toHaveAttr,toBeFocused, … Ajoute une API de chargement de fixtures HTML, CSS,JSON Usage : Ajouter jasmine-jquery.js au test runner
  10. 10. Et tester mes requêtes Ajax ?Extension jasmine-ajax : https://github.com/pivotal/jasmine-ajax Compatible avec jQuery Permet de "mocker" les requêtes jQuery.ajax pour : Vérifier ces requêtes et leurs paramètres Simuler leurs succès, échecs, et données renvoyées Usage : Ajouter jasmine-ajax.js au test runner
  11. 11. Et actuellement, ten es où ? (REX) Jasmine (ou autre) : super ! Traitement de données, formatages, … : OK ! Tests sur le DOM : …. Investissement important Très proche du rendu (trop ? …) Mais bien pratique ! Exemples
  12. 12.  Xavier NOPRE : Développeur logiciel passionné (Java &Web) Pratique et partage l’agilité depuis 2007 Indépendant. Missions : Développements sur mesure et accompagnement de projet En mode agile Coaching en agilité, Scrum, et ingénierie agileMERCI@xnopre xnopre.blogspot.com
  13. 13. AnnexesRetrouvez ici quelques captures des écransprésentés lors de la session
  14. 14. Page de test Jasmine après unzip
  15. 15. Fichier : MesTests.jsdescribe("Ma suite de tests : ", function() {var message;beforeEach(function() {message = "Hello HumanTalks";});it("should display initial message", function() {expect(message).toEqual("Hello HumanTalks");});describe("Une sous suite de tests : ", function() {it("should add Grenoble", function() {message = htgre.expandForHTGrenoble(message);expect(message).toEqual("Hello HumanTalks Grenoble");});});});
  16. 16. Fichier : MonCode.js(function(){window.htgre = {expandForHTGrenoble: function(message) {return message + " Grenoble";}};})();
  17. 17. Page de test Jasmine avec mes tests démo

×