tdd con angular y jasmine

15
Sergio Castillo Yrizales @scyrizales

Upload: sergio-castillo

Post on 01-Jul-2015

1.068 views

Category:

Technology


1 download

DESCRIPTION

Slides para un devhangout

TRANSCRIPT

Page 1: Tdd con Angular y jasmine

Sergio Castillo Yrizales@scyrizales

Page 2: Tdd con Angular y jasmine

Bio: Sergio Castillo Front End Developer

6 años de experiencia

Leer

Futbol

Javascript!!!

scyrizales en todas las redes ;)

Page 3: Tdd con Angular y jasmine

Introducción

Page 4: Tdd con Angular y jasmine

Test Driven Development

Elegir un requisito

Escribir una prueba

Verificar que la prueba falla

Escribir la implementación

Ejecutar las pruebas automatizadas

Actualización de la lista de requisitos

Page 5: Tdd con Angular y jasmine

Que es Jasmine? “Jasmine is a behavior-driven development

(BDD) framework for testing JavaScript code”

BDD es TDD bien estructurado

Igualmente tenemos que cumplir con los requisitos

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

Page 6: Tdd con Angular y jasmine

Desarrollo

Page 7: Tdd con Angular y jasmine

Carrito de compras Algo simple

Listar productos

Agregarlos a un carrito…

Permitir checkout (si seguro…)

Tienda Fantastica

Ponerla online y hacerme rico $_$

Page 8: Tdd con Angular y jasmine

Routing Un par de rutas

Producto

Carrito

Page 9: Tdd con Angular y jasmine

Requisitos Listar Productos

Servicio

Controladora

Vista

Page 10: Tdd con Angular y jasmine

Requisitos Listar Carrito

Servicio

Controller

Vista

Page 11: Tdd con Angular y jasmine

Resultados: Pruebas

Page 12: Tdd con Angular y jasmine

Resultados: App

Page 13: Tdd con Angular y jasmine

Resultados: App

Page 14: Tdd con Angular y jasmine

Recursos El proyecto se encuentra en la siguiente ruta:

https://github.com/scyrizales/TDDAngularJS

El video del hangout esta en:

http://blog.devacademy.la/post/92009921691/test-driven-development-con-angular-js-jasmine

Page 15: Tdd con Angular y jasmine

Muchas Gracias!!