Buenas prácticas de Unit Testing con Jasmine

Clase 38 de 38 • Curso de Unit Testing para MEAN con Jasmine

Resumen

!Felicitaciones por terminar el Curso de Unit Testing con Jasmine!

En este curso aprendimos a trabajar con Jasmine a nivel profesional: integramos servicios, componentes y templates para detectar errores de forma automática ya que se nos pueden escapar cuando revisamos nuestro código a simple vista.

Vamos a repasar algunas buenas prácticas para trabajar en Unit Testing:

Usar un sistema de control versiones como GIT para facilitar la revisión de código con nuestros equipos y configurar herramientas de buenas prácticas (como linters y herramientas de tipado).
Crear archivos separados con el stub de una clase específica en vez de crear stubs en cada uno de nuestros archivos de pruebas.
Tu fuente de información siempre debe ser la página oficial de las herramientas que estas utilizando, en este caso, a la documentación oficial de Jasmine: jasmine.github.io.

Recuerda dejar todas tus dudas y comentarios en el sistema de discusiones de Platzi o contactando a nuestro profe por sus redes sociales ????.

Carlos Enrique Ramírez Flores

student•

Gracias! por este curso!! No cabe duda que aún nos falta camino por recorrer y conocer, pero a darle con toda la actitud!!

Francisco Manuel Velásquez Escobar

student•

Existe algún repositorio con el código del proyecto y las pruebas realizadas en el curso?

David Behar

student•

Sí, se encuentra acá: https://github.com/xthecapx/mean

Carlos Enrique Ramírez Flores

student•

Gracias David!

Jaime Quintero Rodríguez

student•

Estoy intentando hacer las pruebas de este codigo, pero por mas que intento no consigo solucionarlo. Si alguien puede ayudarme

import { Component } from '@angular/core';

import { Platform } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { HttpClient } from '@angular/common/http';
import { StorageService } from './services/storage.service';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html'
})
export class AppComponent {
  constructor(
    private platform: Platform,
    private splashScreen: SplashScreen,
    private statusBar: StatusBar,
    private httpClient: HttpClient,
    private storageService: StorageService,
  ) {
    this.initializeApp();
  }

  initializeApp() {
    this.platform.ready().then(() => {
      this.httpClient.get('https://s3-eu-west-1.amazonaws.com/wuolah-public/config/languages/lang/es_ES/config.json').toPromise().then(
        (strings) => {
          this.storageService.write('locale', strings);
          this.statusBar.styleDefault();
          this.splashScreen.hide();
        }
      );
    });
  }
}

Diego Forero

Team Platzi•

Cuéntanos que problema te da para poder ayudarte.

Cristian Daniel Marquez Barrio

teacher•

Te recomiendo comenzar creando stubs para cada uno de los servicios que estas inyectando en el constructor y centrarte en completar el flujo principal de initializeApp.

El servicio platform debe tener un método ready() que retorne un Promise.resolve('data');
Puedes utilizar el HttpClientTestingModule para resolver el get
El storageService debe tener un método write
El statusBar debe tener un método styleDefault
El splashScreen debe tener un método hide
En la primera prueba lo que debes esperar es que los métodos write, styleDefaultyhide` sean llamados al crear la instancia del componente.