Este documento presenta una introducción al desarrollo guiado por pruebas (TDD) en JavaScript. Explica los pilares de TDD, incluyendo escribir las pruebas primero y reutilizar código. También describe las herramientas Jasmine y Jasmine jQuery que se pueden usar para escribir pruebas unitarias en JavaScript y probar elementos del DOM. El documento concluye con un ejemplo de cómo escribir pruebas para un sistema de lista de tareas usando TDD.

1. TDD en JavaScript
Primero el test!

2. carlos.uscamayta
uscamayta.carlos@gmail.com
@carlosUscamayta
Carla Lorena Villena Rivera.
Team Development Member
INNOVISION S.A.
Carlos Álvaro Uscamayta.
Team Development Member
INNOVISION S.A.
uagrm_carla_villena
ing.carla.villena@gmail.com
@villena_carla

5. Necesito un
Sistema para
mi almacén.
1° Análisis
2° Test
3° Código
Reutilizar código
(copy / paste),
seguir haciendo
código.

6. Demo de Adrian

7. Demo Pablo

8. VS.
Hacer la Versión 2,
para ver cual es la
mejor aplicación

9. Necesito nuevas
caracterizas para
el Sistema .
1° Análisis
2° Test,
3° Código
Reutilizar
código, seguir
haciendo
código.

10. Cuando NO haces pruebas….

11. Cuando SI haces pruebas…

12. ¿Qué hizo Iván?

13. TDD en JavaScript
Primero el test!

14. Lo que veremos
¿Que es TDD ?
Los pilares de TDD
¿Qué son test unitarios?
Algoritmo de TDD
AAA
Herramientas TDD
Jasmine
Hacer prueba!
Jasmine Matchers
Jasmine jQuery

16. Test Driver Development

17.  La implementación de las funciones justas que el
cliente necesita y no más.
 La minimización del número de defectos que llegan
al software en fase de producción.
 La producción de software modular, altamente
reutilizable y preparado para el cambio.

20. Las 3 partes de las pruebas:
•Arrange (Preparar)
•Act (Actuar)
•Assert (Afirmar)

22. Framework TDD

24. Estructura de carpetas

25. Specs
Estructura de un archivo de pruebas
Test Setup
& Teardown

26. Historia de usuario
• Como usuario del sistema necesito un
sistema que me permita crear una lista de
tareas las cuales pueda crear eliminar y
dar por completada una vez que las haya
realizado.

27. Vamos a hacer pruebas!!!!

28. Jasmine Matchers
toBe( 'expected' ) toEqual( 'expected' )
toBeUndefined( ) toBeDefined( )
toMatch( /regex/ ) toBeNull( /regex/ )
toBeTruthy( ) toBeFalsy( )
toBeLessThan( number ) toBeGreaterThan( number )
toContain( item ) expect( function(){ fn(); }).toThrow( e )
No (not)
Cualquier matcher puede ser "revertida" mediante la inclusión
de la no (not) palabra clave.

29. Jasmine jQuery
• Jasmine jQuery es un conjunto de
matchers y funciones que le ayudarán a
comprobar los elementos DOM.
–Descargar de
https://github.com/velesin/jasmine-jquery.
–Incluya en su archivo Index.html, después
de cargar el Jasmine.

30. Es posible hacer prueba a este código?

31. Es posible hacer prueba a este código?

34. Referencias
• Libro: Diseño Agil con TDD
Carlos Blé Jurado y colaboradores.
http://www.carlosble.com/
• Page: Javascript Testing Framework
https://github.com/pivotal/jasmine