Buenas prácticas de Unit Testing con Jasmine

Curso de Unit Testing para MEAN con Jasmine

Contenido del curso

Bienvenida e Introducción

Creando un framework de pruebas básico

Análisis estático de código

Trabajando con Jasmine en el frontend

Probando Nodejs apps con Jasmine

Probando Angular apps con Jasmine

Pruebas de integración de Angular apps con Jasmine

Tomar examen

Buenas prácticas de Unit Testing 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 :wink:.

Jaime Quintero Rodríguez

Estudiante

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

Profesor

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.

Buenas prácticas de Unit Testing con Jasmine

Bienvenida e Introducción

Pruebas unitarias con Jasmine para JavaScript

Pruebas Unitarias: Mejora y Seguridad en Desarrollo de Software

Creando un framework de pruebas básico

Pruebas Unitarias Básicas en JavaScript: Creación y Ejecución

Refactorización de Pruebas en JavaScript con Funciones expect e it

Refactorización de Pruebas JavaScript con Framework Personalizado

Adaptación de Frameworks JavaScript para Node.js y Browser

Análisis estático de código

Herramientas para Mejorar la Calidad del Código en JavaScript

Configuración de ESLint en VS Code paso a paso

Configuración de Prettier en Proyectos JavaScript

Tipado Estricto en TypeScript para Aplicaciones Angular

Trabajando con Jasmine en el frontend

Pruebas Unitarias con Jasmine: Uso de spyOn para Simular Funciones

Configuración de Jasmine para Pruebas de Frontend

Configuración de Jasmine en Node.js para Pruebas Unitarias

Pruebas Unitarias en JavaScript con Jasmine: Uso de Funciones Básicas

Pruebas Unitarias con Jasmine: Matchers, Espías y Ciclos de Vida

Probando Nodejs apps con Jasmine

Pruebas Unitarias con Jasmine en Node.js y Angular

Configuración de Pruebas Unitarias en Node.js con Jasmine

Configuración avanzada de Jasmine y reportes en Node.js

Implementación de Cobertura de Código con InstaBoot.js y NGC

Pruebas Unitarias de Servidor Express con Método GET en Node.js

Pruebas Unitarias de Código 500 en Métodos GET

Pruebas del Método PAUSE en Desarrollo Web

Pruebas de Métodos POST, PUT y DELETE en JavaScript Asíncrono

Probando Angular apps con Jasmine

Pruebas Unitarias e Integración en Angular con Jasmine

Pruebas Unitarias de Componentes en Angular con Jasmine

Pruebas Unitarias en Angular: Rutas y Ciclos de Vida con Jasmine

Pruebas Unitarias en Angular: Simulación de Servicios y Componentes

Pruebas Unitarias en Formularios Reactivos con Angular

Pruebas Unitarias Avanzadas en Formularios Reactivos de Angular

Pruebas Unitarias en Angular: Navegación y Outputs HTML

Pruebas Unitarias en Angular: Testeo de Componentes y Servicios

Pruebas Unitarias en Jasmine: Espías y Stubs en Angular

Pruebas de Espionaje en Objetos Globales y Métodos en JavaScript

Pruebas de integración de Angular apps con Jasmine

Pruebas de integración con Jasmine y Angular

Pruebas de Navegación con Angular y RouterTestingModule

Pruebas HTTP en Angular con HTTP Client Testing Module

Pruebas Unitarias: Cobertura Completa de Métodos HTTP en API

Buenas prácticas de Unit Testing con Jasmine

Resumen