Ma présentation "Chouchoutez votre code JavaScript", réalisée le 18 avril 2012 au premier Devoxx France.

1. Ch♥uch♥utez votre
code JavaScript
Romain Linsolas
@romaintaz
1

2. Abstract
La recette du “JavaScript aux petits oignons” :
2.Écrire des tests pour son JavaScript
3.Analyser son code pour enlever les bugs
4.Bien couvrir
5.Laisser mijoter dans un serveur d’intégration continue
2

3. Romain Linsolas
•Développeur Java / Web depuis 2002
•Éleveur d'usines logicielles
•@ Société Générale
http://linsolas.free.fr/wordpress
@romaintaz
3

4. 1. Testons !
4

5.  Notre cobaye…
•60+ méthodes utilitaires
•Support pour la programmation fonctionnelle
http://documentcloud.github.com/underscore/
@DocumentCloud
5

6.  Notre (1ère) librairie de tests JavaScript
•BDD (Behavior Driven Development)
•Nombreux supports : Java (Maven), .Net, Ruby, Node.js, JsTestDriver, etc.
http://pivotal.github.com/jasmine/
@JasmineBDD
6

7. 7

8. 2. Analysons !
8

9.  Notre outil d'analyse du code
•Plateforme de suivi de la qualité du code
•Mesure de la dette technique
•Multi-langages : Java, C#, PHP, JS, Python, etc.
http://www.sonarsource.com/
@SonarSource
9

10. 10

11. 3. Couvrons !
11

12. js-test-driver
 Notre 2ème framework de test JavaScript
•Syntaxe proche de JUnit (assertXXX)
•Propose un plugin de mesure de couverture de code
http://code.google.com/p/js-test-driver/
12

13. Exemple de code js-test-driver
GreeterTest = TestCase("GreeterTest");
GreeterTest.prototype.testGreet = function() {
var greeter = new myapp.Greeter();
assertEquals("Hello World!", greeter.greet("World"));
};
13

14. 14

15. 3. Intégrons !
15

16.  Notre serveur d’intégration continue
•Très facile d'utilisation
•Développement & communauté très actifs
•400+ plugins
http://jenkins-ci.org/
@JenkinsCI
16

17. 17

18. D’autres choix…
• QUnit : http://docs.jquery.com/QUnit
• YUI Test : http://yuilibrary.com/yui/docs/test/
• Mocha : http://visionmedia.github.com/mocha/
• RhinoUnit : http://code.google.com/p/rhinounit/
• JsUnit : http://www.jsunit.net/
• TestSwarm : https://github.com/jquery/testswarm/
18

19. Questions…
19