Agregando Plugins a Jasmine

Curso de Unit Testing para MEAN con Jasmine

Bienvenida e Introducción

¿Qué son las pruebas unitarias?

¿Por qué hacer pruebas unitarias?

Creando un framework de pruebas básico

Mi primera prueba unitaria en JavaScript

Las funciones expect() y it()

Organizando el código para correr en la web

Organizando el código para correr utilizando nodejs

Análisis estático de código

Herramientas de análisis estático de código

ESLint: Agregando alertas a nuestro código con ECMA Script

Herramientas de corrección de estilo

Herramientas de tipado

Trabajando con Jasmine en el frontend

Profundización en SpyOn: Comandos más utilizados y cómo ponerlos a prueba

Configurar un ambiente de trabajo para trabajar con el framework jasmine

Configurar Jasmine utilizando Node.js

Primer set de pruebas con Jasmine

Diccionario Jasmine

Probando Nodejs apps con Jasmine

Introducción al módulo de testing del lado del servidor

Configurando el proyecto Jasmine utilizando npm

Agregando Plugins a Jasmine

Configurando nuestro reporter

Pruebas en el servidor: Verificando un status 200 en GET

Pruebas en el servidor: Probando el método GET y Reto con FindByID

Pruebas en el servidor: Probando el método POST (request to server)

Pruebas en el servidor: Probando el método POST (request to PDF)

Probando Angular apps con Jasmine

Tipos de pruebas

Pruebas en el frontend: Probando el componente principal (App)

Configurando los ciclos de vida

Creando las pruebas del formulario: Configuración

Creando las pruebas necesarias para un formulario. (Primeras pruebas)

Probando el caso de exito al guardar un elemento en el servidor.

Trabajando con event emitters

Testeando ngZone y navegación.

Configurando el TestBed de el componente PINs

Creando un espia sobre el objecto window

Pruebas de integración de Angular apps con Jasmine

Ejecutando funciones a través de eventos en el template

Probando la navegación

Probando servicios con HTTP

Completando las pruebas del servicio HTTP

Cierre del curso

Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Crear cuenta

Si ya tienes una cuenta,

Iniciar sesión

Recursos

Vamos a usar el plugin jasmine-console-reporter para obtener un resultado un poco más agradable y dinámico cuando corremos nuestras pruebas en la consola de comandos.

Para añadir este y otros plugins de Jasmine debemos crear un nuevo archivo llamado specs.js en la carpeta /spec con la siguiente configuración:

const Jasmine = require('jasmine');
const JasmineConsoleReporter = require('jasmine-console-reporter');

const jasmine = new Jasmine();
jasmine.loadConfigFile('spec/support/jasmine.json');

const jasmineConsoleReporter = new JasmineConsoleReporter({
    colors: 1,
    cleanStack: 1,
    verbosity: 4,
    listStyle: 'indent',
    timeUnit: 'ms',
    timeThreshold: { ok: 500, warn: 1000, ouch: 3000 },
    activity: false,
    emoji: true,
    beep: true
});

jasmine.addReporter(jasmineConsoleReporter);
jasmine.execute();

Y, por ultimo, agregar un nuevo campo en el la sección de scripts del package.json ejecutando archivo que acabamos de crear:

"scripts": {
  ...
  "test:server:covegare": "node spec/specs.js",
  ...
}

Aportes 2

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

Carlos Enrique Ramírez Flores

hace 2 años

Fue muy pesado llegar hasta esta clase, ya que estuvo muy complicado hacer que funcionara el proyecto. Les platico que fue lo que hice para que funcionara:

Instale angular en su última versión, en una app limpia.
Copie la carpeta de server dentro del proyecto
hice modificación en algunas versiones de dependencias del package.json

{
  "name": "app-test-angular",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "test:server": "./node_modules/jasmine/bin/jasmine.js",
    "test:specs": "node spec/specs.js",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~9.1.3",
    "@angular/common": "~9.1.3",
    "@angular/compiler": "~9.1.3",
    "@angular/core": "~9.1.3",
    "@angular/forms": "~9.1.3",
    "@angular/platform-browser": "~9.1.3",
    "@angular/platform-browser-dynamic": "~9.1.3",
    "@angular/router": "~9.1.3",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2",
    "body-parser": "^1",
    "cheerio": "^1.0.0-rc.3",
    "core-js": "^2.6.11",
    "express": "^4",
    "fsevents": "^2.1.3",
    "hammerjs": "^2",
    "http-errors": "^1",
    "mongoose": "^5",
    "morgan": "^1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.3",
    "@angular/cli": "~9.1.3",
    "@angular/compiler-cli": "~9.1.3",
    "@angular/language-service": "~9.1.3",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "codelyzer": "^5.1.2",
    "jasmine": "^3.5.0",
    "jasmine-console-reporter": "^3.1.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.0",
    "karma-jasmine": "~3.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.3",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.8.3"
  }
}

Leoneider Trigos Guerrero

hace 9 meses

Bueno por mi parte no pude configurar Jasmin en el server :’(