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

Clase 17 de 38 • 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

Resumen

La diferencia entre dependencies (dependencias) y devDependencies (dependencias de desarrollo) es que las dependencias normales las instalamos siempre, en desarrollo o en producción. En cambio, las devDependencies son módulos que solo se vamos a necesitar en la etapa de desarrollo, no en producción.

Algunos buenos ejemplos de dependencies que se requerirían en tiempo de ejecución son, por ejemplo, React, Redux, Express y Axios.

Algunos buenos ejemplos de cuándo instalar devDependencies serían Nodemon, Babel, ESLint y marcos de prueba como Chai, Mocha, Enzyme, entre otros.

Comentarios

Alexander Sandoval

student•

El repositorio de Cristian se encuentra acá: https://github.com/xthecapx/mean

Una vez clonen el repositorio ejecutan npm install para instalar las dependencias del proyecto. Luego instalan Jasmine npm install jasmine --save-dev

Luego comenzar los archivos de configuración de Jasmine: ./node_module/jasmine/bin/jasmine.js init

Jorge Velasquez

student•

Si tienen algún problema para inicializar el proyecto: node node_modules/jasmine/bin/jasmine.js init

Antonio Madrid

student•

Gracias, me has salvado!

Edison Perdomo

student•

Si te genera fallo el npm run test:server coloca dentro del package.json la palabra node después la ruta del jasmine así

"scripts": { "ng": "ng", "start": "ng build && node ./server/bin/www", "build": "ng build", "test": "ng test", "test:server": "node ./node_modules/jasmine/bin/jasmine.js", "lint": "ng lint", "e2e": "ng e2e" },

Jose Luis Rosado Cardenas

student•

Eres un Dios, gracias!!!

David Marcelo Guamán Medina

student•

Si están en windows 10 y llegaron al minuto 3:20 y no les funciona el jasmine.js init debe usar el siguiente comando: node node_modules/jasmine/bin/jasmine init

Anderson Peñaloza

student•

Si les ocurre que tienen problemas ejecutando las pruebas tanto para el server como para el cliente pueden actualizar las dependencias del proyecto angular a la versión mas reciente. Este proceso puede ser un poco complejo y aunque algunos podran pensar en crear el proyecto desde cero y agregar los archivos del proyecto original del profesor, no es tarea sencilla. Para este fin he creado un repositorio con el proyecto base y actualizado a angular 11 con los cambios pertinentes al codigo para que siga funcionando. Pueden ver y clonar el repositorio desde esta url: https://github.com/designeromega/mean

Cesar Eduardo Valle Pino

student•

Gracias... me funcionó correctamente..

Alejandro Mejia Escobar

student•

Salvaste el curso. Gracias!

Elberth Jair Agreda Rosero

student•

Si a alguien le interesa, cree este repositorio donde configure Typescript del lado del Backend y Frontend: https://github.com/elberthAgreda/docker-MEAN

Xavier Alexandro Basir Jeffrey

student•

Wow sumamente útil muchas gracias. Tenía errores por mi versión de node y npm. Y Usando docker y tu repo he podido proseguir con el curso

Carlos Enrique Ramírez Flores

student•

Muchisimas gracias! me esta funcionando de maravilla!!

David Marcelo Guamán Medina

student•

Ya para correr jasmine. js se utiliza el siguiente comando node node_modules/jasmine/bin/jasmine.js, esto se debe a que estamos corriendo jasmine dentro del proyecto.

Leoneider Trigos Guerrero

student•

Para inicializar Jasmine ahora se usa: npx jasmine init

Bryan Condor

student•

Por si alguién también ha tenido problemas con las dependencias, aqui les paso mi package.json para que puedan ver las dependencias que me estan funcionando con éxito!

Aquí les dejo mi repositorio también si les sirve descargar directamente. la actualización esta en la rama feature/learn-testing

Repositorio:

Clonar desde linea de comandos. git clone-b feature/learn-testing https://github.com/BRYANALX/mean.git

package.json

{
  "name": "pin",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng build && node ./server/bin/www",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.2.14",
    "@angular/cdk": "^7.3.7",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/http": "~7.0.0",
    "@angular/material": "^7.3.7",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "body-parser": "^1.19.0",
    "cheerio": "^1.0.0-rc.3",
    "core-js": "^2.6.11",
    "express": "^4.17.1",
    "hammerjs": "^2.0.8",
    "http-errors": "^1.7.3",
    "mongoose": "^5.9.18",
    "morgan": "^1.10.0",
    "request": "^2.88.2",
    "request-promise-native": "^1.0.8",
    "rxjs": "~6.5.5",
    "serve-favicon": "^2.5.0",
    "url-parse": "^1.4.7",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.24",
    "@angular/cli": "~8.3.27",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine": "^3.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.6",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.4",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.5.3"
  }
}

Francisco Aros

student•

Buenísima, gracias.

Javier Raul Valencia Duque

student•

la instalación de angular ya trae Jasmine

Carlos Enrique Ramírez Flores

student•

Uff super atorado con la versión de node para correr el proyecto. intalere angular 9 y haber como me va!!

Carlos Enrique Ramírez Flores

student•

Listo por lo menos las pruebas unitarias con el server funcionan. Aqui les dejo mi repo. Espero y les pueda ser de ayuda! https://github.com/CARLOS-ENRIQUE-RAMIREZ-FLORES-C2/testing-mean-jasmine

Carlos Alejandro Hernández Mejía

student•

Primero debemos clonar el repositorio con el código del backend y frontend con el comando git clone https://github.com/xthecapx/mean.git, instalamos las dependencias con el comando npm install. Instalamos Jasmine como dependencia de desarrollo con el comando npm install jasmine --save-dev e inicializaremos Jasmine con el comando node ./node_modules/jasmine/bin/jasmine.js init. Para ejecutar nuestras pruebas de una manera más práctica, añadimos el script "test:server": "node ./node_modules/jasmine/bin/jasmine.js" en el arreglo de scripts de nuestro package.json. Ahora podremos ejecutar nuestras pruebas con solamente ejecutar npm run test:server desde la terminal.

Cesar Elías Armendariz Ruano

student•

Si al momento de actualizar las dependencias se encuentran con un error que dice

 npm ERR! Could not resolve dependency: npm ERR! peer typescript@">=4.0 <4.2" from @angular/compiler-cli@11.2.6```

instalen primero la versión de typescript que recomienda el error anterior, en mi caso use este código

npm install typescript@"4.0.2" --legacy-peer-deps

{
  "name": "pin",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng build && node ./server/bin/www",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^8.2.14",
    "@angular/cdk": "^7.3.7",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/http": "~7.0.0",
    "@angular/material": "^7.3.7",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "body-parser": "^1.19.0",
    "cheerio": "^1.0.0-rc.3",
    "core-js": "^2.6.11",
    "express": "^4.17.1",
    "hammerjs": "^2.0.8",
    "http-errors": "^1.7.3",
    "mongoose": "^5.9.18",
    "morgan": "^1.10.0",
    "request": "^2.88.2",
    "request-promise-native": "^1.0.8",
    "rxjs": "~6.5.5",
    "serve-favicon": "^2.5.0",
    "url-parse": "^1.4.7",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.24",
    "@angular/cli": "~8.3.27",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.5.0",
    "jasmine": "^3.5.0",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.6",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "^5.4.4",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.5.3"
  }
}

 npm ERR! Could not resolve dependency: npm ERR! peer typescript@">=4.0 <4.2" from @angular/compiler-cli@11.2.6```

instalen primero la versión de typescript que recomienda el error anterior, en mi caso use este código

Configuración de Pruebas Unitarias en Node.js 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