TDD desde Cero. Jasmine para gente que no sabe JavaScript.

Tamaño: px

Comenzar la demostración a partir de la página:

Download "TDD desde Cero. Jasmine para gente que no sabe JavaScript."

María José Lagos Aguilera
hace 6 años
Vistas:

1 TDD desde Cero Jasmine para gente que no sabe JavaScript

2 Objetivos Mostrar los conceptos fundamentales de Jasmine sin necesidad de saber JavaScript. Ver distintos ejemplos de uso en Jasmine. Objetivos 2

3 Índice 1. Empezando con Jasmine 2. Un ejemplo paso a paso. 3. Setup, teardown y matchers 4. Ejemplos en Internet Índice 3

4 Empezando con Jasmine 4

5 Empezando con Jasmine Visión general Jasmine es una herramienta para BDD. Los pilares básicos son las suites (define) y las especificaciones (it) Un define es un conjunto de otras suites o especificaciones. Un it es un bloque de código con matchers.

6 Empezando con Jasmine Instalación No depende de ningún paquete o herramienta JavaScript. El código se puede ejecutar en el propio motor de JavaScrip del navegador.

7 Empezando con Jasmine Conceptos básicos Un define es un conjunto de otras suites (define) o especificaciones (it). Dentro de las especificaciones (it) indicamos expect o condiciones que esperamos que se cumplan. En las especificaciones (it) indicamos el código bajo prueba y el resultado esperado Ambos elementos se representan con funciones de JavaScript.

8 Un ejemplo paso a paso 8

9 Ejemplo paso a paso Vamos a ver un ejemplo muy sencillo con operaciones aritméticas. Tienes el ejemplo completo en los materiales del curso. Si quieres ir haciendo paso a paso este ejemplo sigue las instrucciones de la siguiente transparencia.

Ejemplo paso a paso Descarga y descomprime Jasmine en una carpeta.

10 Ejemplo paso a paso Descarga y descomprime Jasmine en una carpeta. Edita el archivo SpecRunner HTML, borra las 4 líneas señalas y añade las dos líneas enmarcadas. En la carpeta /spec crea un nuevo archivo SpecForOperacionesAritmeticas.js y en la carpeta /src crea un nuevo archivo OperacionesAritmeticas.js. Para ejecutar los tests sólo tienes que cargar en un navegador la página specrunner.html.

11 Ejemplo paso a paso Nuestro primer conjunto de prueba El conjunto global de especificaciones para las op. algebraicas Especificaciones para la suma Especificación que comprueba que el resultado de llamar a la función suma el resultado es 5. SpecForOperacionesAritmeticas.js Código bajo prueba. OperacionesAritmeticas.js

12 El informe de la ejecución de la s pruebas Ejemplo paso a paso

13 Ejemplo paso a paso Añadimos más especificaciones. Nueva suite de especificaciones para la resta. Dos especificaciones para la resta. SpecForOperacionesAritmeticas.js Código bajo prueba. OperacionesAritmeticas.js

14 Ahora con dos especificaciones más Ejemplo paso a paso

15 Setup, Teardown y Matchers 15

Bloques Each y Matchers Es posible incluir bloques beforeeach y aftereach con código que se ejecutara siempre antes y después de cualquier spec. de la suite en el que estén.

16 Bloques Each y Matchers Es posible incluir bloques beforeeach y aftereach con código que se ejecutara siempre antes y después de cualquier spec. de la suite en el que estén. También tenemos un varios matchers para hacer comparaciones. Creamos una variable num7 con valor 7 disponible para todas las specs de la suma. expect(a.foo).tobedefined(); expect(a.bar).not.tobedefined(); expect(null).tobenull(); expect(a).tocontain('bar'); expect(e).tobelessthan(pi);

17 Ejemplos en la web 17

18 Ejemplos en la Web Ejemplo La herramienta Jasmine viene con un ejemplo basado en canciones Cifrado Cesar hecho mediante BDD con Jasmine Lista de tareas (y tutorial de Jasmine) Jasmine probadaocon el propio Jasmine URL javierj.tumblr.com/post/ /katacifrado-cesar-paro-a-paso-en-javascriptjasmine utoriales.php?pagina=jasmine-hello-world 18

19 Actividades Actividades Prueba a implementar alguno de los ejemplos de Jasmine en otra de las herramientas de ATDD / BDD que hemos visto. También puedes probar a desarrollar alguno de los ejemplos de otras herramientas en Jasmine. Cuáles crees que son las principales diferencias entre Jasmine y JBehave? Serían ambas herramientas compatibles? Cuándo merece la pena utilizar uno u otro? Comenta las soluciones en el foro. 19

Documentos relacionados

Workshop: Behavior Driven Development (BDD) in JavaScript

Workshop: Behavior Driven Development (BDD) in JavaScript Este documento le guiará paso a paso en el desarrollo de las actividades del presente Workshop para alcanzar el objetivo planteado. Objetivo Hacer