Vous venez de coder un gros module pour votre page HTML5, mais votre petit doigt vous dit qu’il suffira de pas grand chose pour le casser. D’autant plus que la nature dynamique de JavaScript et sa grande tolérance font que l’on voit les bugs et régressions un peu tard. Il est temps d’écrire des tests!
Et ça tombe bien: c’est simple.
Tout d’abord, on crée une petite page HTML fort simple:
<!DOCTYPE html>
<html>
<head>
<title>Tests unitaires</title>
<link rel="stylesheet" href="http://code.jquery.com/qunit/qunit-git.css">
</head>
<body>
<div id="qunit">
</div>
<div id="qunit-fixture">
</div>
<script src="http://code.jquery.com/qunit/qunit-git.js"></script>
<script src="unittests.js"></script>
</body>
</html>
Puis on ajoute dans le fichier unittests.js (c’est plus propre de séparer) nos tests. Faisons simple pour commencer:
test('Addition', function () {
var resultat = 2 + 2;equal(4, resultat, 'JavaScript sait faire une addition');
});
Il n’y a plus qu’à exécuter la page:
Notez les nombres qui indiquent le nombre d’assertions dans votre test. Nous avons utilisé equals, mais il y en a d’autres: voir la liste ici.
Pour ajouter d’autres tests, il suffit d’ajouter d’autres appels à la méthode test. Et dans un prochain article, je vous montrerai comment tester du code asynchrone.
Comments