Tu primera prueba en Angular
Contenido del curso
Fundamentos de unit testing en Angular
Testing en servicios
Proyecto
Testing en consultas HTTP
Bonus
Próximos pasos
Tu primera prueba en Angular
Contenido del curso
Tu primera prueba en Angular
Daniel Meza
Estudiante
Alexei Alvarez
Estudiante
Cesar Elías Armendariz Ruano
Estudiante
YOLANDA MORALES SUAREZ
Estudiante
Yessica Alexandra Malaver Gómez
Estudiante
Miguel Angel Coy Triana
Estudiante
Andrés Quintero Arias
Estudiante
Andres Felipe Pinto Becerra
Estudiante
Anderson Josué Oroya Silva
Estudiantedescribe - define una suite de tests. Una colección de tests. Recibe dos parámetros, un string con el nombre de la suite y una function() donde se definen los tests.
it - define un test en particular. Recibe como parámetro el nombre del test y una función a ejecutar por el test.
expect - Lo que esperar recibir ese test. Con expect se hace la comprobación del test.
Tests Unitarios con Jasmine | Coding Potions
Arrange:(Arreglar). Se establece el estado inicial, conocida como el sujeto a probar. Aquí se inicializan variables, importaciones. Se crea el ambiente a probar.
Act (Actuar): Se generan acciones o estímulos. Se llaman métodos, o se simulan clicks por ejemplo
Assert (Afirmar): observar el comportamiento. Los resultados son los esperados. Eje: Que algo cambie, se incremente, o no suceda nada.
Generalmente solemos hacer pruebas de debugging utilizando el console.log. Más sin embargo se debe utilizar las pruebas en Jasmine, para lo cual seguiremos los siguiente pasos en el ejemplo
calculator.ts
export class Calculator { multiply (a: number, b:number) { return a * b; } divide (a: number, b: number) { if (b === 0) { return null; } else { return a / b; } } }
app.component.ts
import { Calculator } from './calculator'; ngOnInit(): void { const calculator = new Calculator(); const rta = calculator.multiply(3,3); console.log(rta === 9); const rta2 = calculator.divide(3, 0); console.log(rta2 === null); console.log(rta2); } }
calculator.spec.ts
import { Calculator } from './calculator'; describe('Test for Calculator', () => { it('#multiply should return a nine', () => { //Arrange const calculator = new Calculator(); //Act const rta = calculator.multiply(3,3); //Assert expect(rta).toEqual(9); }); });
y ejecutamos el comando ng test en nuestra terminal para observar las pruebas realizadas
Hola a todos. Cuál es el orden de los cursos de unit testing? Gracias.
En https://platzi.com/ruta/web-angular/ verás que la ruta de testing al finalizar: Servicios, componentes, formularios y rutas.
import { Calculator } from './calculator'; describe('Unit testing for Calculator', () => { it('#Multiply, Should return the result of the numbers multiplied', () => { // Arrange const calculator = new Calculator(); // Act const result = calculator.multiply(3, 3); // Assert expect(result).toBe(9); }); it('#Divide, Should return the result of the numbers divided', () => { // Arrange const calculator = new Calculator(); // Act const result = calculator.divide(3, 3); // Assert expect(result).toBe(1); }); it('#Divide, Should return null if the number is divide by 0', () => { // Arrange const calculator = new Calculator(); // Act const result = calculator.divide(3, 0); // Assert expect(result).toBeNull(); }); });
Es buena práctica usar un beforeEach para instanciar la clase de Calculadora? o es mejor instanciarla en cada prueba?
Si señor el beforeEach es buena práctica usarlo. El como utilizarlos se debe considerar según sea a que le estamos haciendo pruebas unitarias, si a servicios o componentes.
En definitiva si se deben usar en la mayoría de los casos.
Muy bien explicado!