En estos días me he visto en la necesidad de adoptar un framework de testing para una aplicación web, de todos los diferentes framework que hay en el mercado de Javascript he optado por mirar Jasmine.

Jasmine es uno de los frameworks más utilizados para realizar pruebas unitarias, se basa en Behavior Driven Development y permite realizar test tanto en el cliente como en el servidor.

Para trabajar con Jasmine inicialmente podemos utilizar la versión standaralone que es un .zip, listo para trabajar y lo puedes descargar en https://github.com/jasmine/jasmine/releases ,al descomprimir nos encontramos con los siguientes archivos:

Screen Shot 2016-06-16 at 20.05.00

Lib : Contiene la librería de Jasmine y los archivos necesarios para su ejecución.
Spec: En BDD los test son llamados specs y en el directorio spec están nuestros tests de ejemplo.
Src: Contiene archivos javascript relacionados con el test ejemplo, ahí puede estar nuestro api.js o clientes.js.

Si abrimos el archivo SpecRunner.html vemos que está organizado inicialmente el css  y las librerías de Jasmine y luego los Spec (Test) y finalizando  los archivos fuentes.

Pero en nuestro caso vamos a crear nuestro propio SpecRunner, del directorio lib he tomado lo siguientes archivos y lo he copiado en un directorio “DanyJasmineSetup”.

– jasmine.css
– jasmine.js
– jasmine-html.js
– boot.js
– SpecRunner.html

Creamos nuestro test CavsSpec.js y modifico SpecRunner.html para incluya nuestro nuevo test,  CavsSpec.js

Screen Shot 2016-06-16 at 21.24.48

Ahora en Nba.Spec.js escribo un test simple, it define el test, expect verifica y utilizamos el matcher ‘toBeTruthy’ el cual realiza la comparación si el object que recibe expect es verdadero, en este post no entraré en detalles sobre la sintaxis, solo explico lo rápido que es configurar nuestro entorno de test con Jasmine.

describe("NBA Finals",function(){
 it("Ganaran los cavs ",function(){
 expect(true).toBeTruthy();
 })
})

Al abrir nuestro SpecRunner.html  nos muestra que un nuestro test “Ganaran los Cavs” se cumple.

Screen Shot 2016-06-16 at 21.28.40

Como podemos ver que fácil es montar nuestro entorno de test con Jasmine. 

Para mas información la documentación oficial:

http://jasmine.github.io/edge/introduction.html

Descargar el código:

https://github.com/danywalls/hola-jasmine

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *