Mocha: dulces pruebas con Javascript

Mocha es un framework de test unitarios para javascript, con excelentes features para automatizar pruebas tanto en entornos de servidor como en browsers o aplicaciones de escritorio/móviles que utilicen javascript.

En esta presentación, demostraremos las cualidades básicas que le dan un buen cuerpo a un desarrollo, y exploraremos los sabores que pueden acompañarlo, a través de pequeños ejemplos.

Transcript

1. Mocha: dulces pruebas con Javascript Pablo  Andrés  Dorado  Suárez @pandres95
2. Pablo Andrés Dorado Suárez ! http://pandres95.me " @pandres95 # pandres95 $ pandres95 % pandres95
3. ¿En qué ando actualmente?
4. “Mejorando las herramientas para construir los mejores desarrollos”
5. “Porque no somos cool, somos bool”
6. “Llega a los millones que no tienen plan de datos”
8. Buscando los ingredientes
9. ¿Qué necesitas? 8  onzas de  Javascript recién  preparado  (recomiendo  io.js). Una cucharada (15  gramos)  de  npm en  polvo. ½  librería de  código  desarrollado. Código  de  prueba  al  gusto.
10. $  npm install  -­‐g  mocha
11. Empieza la mezcla
12. 1. 2. 3… Mocha! “use strict”; var assert = require("assert"); describe('Array', function(){ describe('#indexOf()', function(){ it("should return -­‐1 when the value is not present", function(){ assert.equal(-­‐1, [1, 2, 3].indexOf(5)); assert.equal(-­‐1, [1, 2, 3].indexOf(0)); }); }); });
13. Mientras hierve… “use strict”; var expect = require("expect.js") , fs = require("fs"); describe('fs', function(){ describe('#exists()', function(){ it("file /foo/baz should exist", function(done){ fs.exists('/foo/baz', function(exists){ expect(exists).to.be.true; done(); }); }); }); });
14. … podemos acortar la receta “use strict”; var User = require("../models/user"); describe('User', function(){ describe('#save()', function(){ it("should save without error", function(done){ var user = new User("Luna"); user.save(done); }); }); });
15. Es muy prometedor “use strict”; var app = require("..") , User = app.db.User; describe('User', function(){ describe('#insert()', function(){ it("should create a new user", function(done){ User.insert({ name: "Luna" }).then(function(){ done(); }).catch(done); }); }); });
16. ¡Demasiado! “use strict”; var app = require("..") , User = app.db.User; describe('User', function(){ describe('#insert()', function(){ it("should create a new user", function(){ return User.insert({ name: "Luna" }); }); }); });
17. ¿Olvidamos algo?
18. ¡Si! Preparar la cafetera “use strict”; var app = require("..") , CoffeeMaker = app.db.CoffeeMaker; describe('CoffeeMaker', function(){ describe('#make()', function(){ before(function(done){ CoffeeMaker.turnOn(done); }); // ... }); });
19. No, en serio… “use strict”; var app = require("..") , Log = app.db.Log; describe(’Log', function(){ describe('#list()', function(){ before(function(done){ Log.collection.remove(done); }); // ... }); });
20. Hay que hacer algo al final “use strict”; var app = require("..") , CoffeeMaker = app.db.CoffeeMaker; describe('CoffeeMaker', function(){ describe('#make()', function(){ // ... after(function(done){ CoffeeMaker.turnOff(done); }); }); });
21. Todo depende del libro de recetas, ¿no?
22. Según BDD “use strict”; describe('#indexOf()', function(){ context('when not present', function(){ it('should not throw an error', function(){ [1, 2, 3].indexOf(5); }); }); context('when present', function(){ it('should return the index where the element first appears in the array', function(){ expect([1, 2, 3].indexOf(2)).to.eql(1); }); }); });
23. O quizá TDD “use strict”; suite('Array', function(){ setup(function(){ // ... }); suite('#indexOf()', function(){ test("should return -­‐1 when the value is not present", function(){ assert.equal(-­‐1, [1, 2, 3].indexOf(2)); }); }); });
24. ¿Algo al estilo module.exports? “use strict”; require("should.js"); module.exports = { before: function(){ // ... }, 'Array': { '#indexOf()': { "should return -­‐1 when the value is not present": function(){ [1, 2, 3].indexOf(4).should.equal(-­‐1); } } } };
25. Escogiendo la taza correcta
26. Dot-matrix
27. Nyan-nyan-nyan…
28. Min: simple y sencillo
29. ¿Hay algo en HTML?
30. Sabores extra
31. Peticiones HTTP
32. Dulces que no faltan
33. En cocina integral
34. Talk is cheap, show me the code
35. Referencias § Mocha  – the  fun,  simple,  flexible  javascript  test  framework § Mocha  Wiki § Pandres95’s  Blog  – Sweet  testing  with  Mocha (artículo  donde encontrará  la   presentación,  con  links  a  código  en  GitHub)
36. Fuentes de ayuda § Google  Group § Mocha  Wiki § Gitter
37. ¡Muchas gracias!