Unit testing en JavaScript con Mocha

Clase 44 de 46 • Curso Definitivo de JavaScript 2016

Clase anteriorSiguiente clase

Resumen

Mariano Logarzo

student•

Hola! Usando done como parámetro obtengo

Error: timeout of 2000ms exceeded. Ensure the done() callback is being called in this test.

Miguel Arturo Pujol Ochoa

student•

Me pasa igual, como se soluciona ??

Jose Albizures

student•

no se esta ejecutando la funcion "done", por eso dice tiempo excedido

Juan Castro

teacher•

TDD: Crear los tests antes de escribir el codigo al que le haremos el test.
Ahora si lo entendi 😄

Nicolas Alejandro Herrera

student•

Aun no vi la clase, pero hago la pregunta.

Que tipos de test existen y debo considerar?

Que debo testear, ya sea en backend o en frontend?

Reinaldo Mendoza

student•

Todo debe pasar por test

Reinaldo Mendoza

student•

Lo que se quiere con los test es garantizar el funcionamiento incluso cuando se añaden cambios

JUAN PABLO GOMEZ GONZALEZ

student•

Ahora en la consola del server.js aparece el mensaje:

express deprecated res.send(status, body): Use res.status(status).send(body) instead app/server.js:8:9

Por favor una aclaración... debemos hacer el cambio o seguirlo manejando? Gracias

Miguel Exposito Fernandez

student•

No es recomendado ya que la propiedad body no soporta int directamente, se hace una conversión, así que es recomendable usar res.status(status) para definir el status aparte del body que envías.

José Luis Ruiz Moreno

student•

Así me funcionó:

app.post('/api/pictures', function (req, res){
  upload(req, res, function(err){
    if (err) {
      return res.status(500).send("Error Uploading File")
    }
    res.send("File Uploaded");
  });
});

Oliver Amezquita Morales

student•

y los archivos?, que problema que no los suban

Victor Hugo Cortés Posada

student•

A las personas que se les presente el siguiente mensaje cuando levantan el servidor node app/server.js
express deprecated res.send(status): Use res.sendStatus(status)

lo pueden resolver cambiando la linea de código por:

res.status(200).send(converter.toCelsius(temperature).toString());

o si no quieren utilizar toString pueden utilizar las comillas invertidas

res.status(200).send(`${converter.toFahrenheit(temperature)}`);

Victor Hugo Cortés Posada

student•

Si reciben una advertencia al momento de realizar el test parecido al siguiente mensaje:

(node:10040) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: done is not a function (node:10040) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

Se debe porque en la promesa, no se esta controlando si se presenta un error. Tenemos que agregar el .catch después del .then.

it('returns status 200', (done) => {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(res => {
          expect(res.status).to.equal(200);
          done();
        })
        .catch(err => {
          console.log(err);
        });
    });

william ricardo ariza vélez

student•

¿Que librerias recomiendan para test unitarios que necesitan del DOM de nuestra aplicación ?

JUAN ESTEBAN QUIROZ

student•

Hola, de que forma podemos generar en el proyecto un archivo .LCOV a partir de la ejecución de las pruebas unitarias con mocha y chai? Esto es con el fin de generar la cobertura del código y que este archivo pueda ser leído por SonarQube para mostrar la cobertura mas gráficamente. Al que me pueda dar una orientacion con este tema muchas gracias.

Armando Alamilla Cuellar

student•

4 test pasan y 2 fallan: returns status 200 y returns 100C in Fahrenheit
y aparece el siguiente error en los dos
Error: Timeout of 2000ms exceeded. For async tests and hooks, ensure “done()” is called; if returning a Promise, ensure it resolves.

Este es mi código:

/** 
 * Module dependencies
 */

var expect = require('chai').expect;
var axios = require('axios');

describe('Temperature Conversor API', function () {
  
  describe('Celsius to Fahrenheit conversion', function () {
    
    it('returns status 200', function (done) {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(function (res) {
          expect(res.status).to.equal(200)
          done();
        })        
    });

    it('returns 100C in Fahrenheit', function (done) {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(function (res) {
          expect(res.data).to.equal(212)
          done();
        })        
    });

  });

  describe('Fahrenheit to Celsius conversion', function () {
    
    it('returns status 200', function (done) {
      axios
        .get('http://localhost:3000/toCelsius?temperature=212')
        .then(function (res) {
          expect(res.status).to.equal(200);
          done();
        })        
    });

    it('returns 100C in Fahrenheit', function (done) {
      axios
        .get('http://localhost:3000/toCelsius?temperature=212')
        .then(function (res) {
          expect(res.data).to.equal(100);
          done();
        })        
    });

  });

});

/** 
 * Module dependencies
 */

var express = require('express');
var converter = require('..');

var app = express();

app.get('/toCelsius', function (req, res) {
  var temperature = req.query.temperature;
  res.send(200, converter.toCelsius(temperature));
});

app.get('/toFahrenheit', function (req, res) {
  var temperature = req.query.temperature;
  res.send(200, converter.toFahrenheit(temperature));
});

app.listen(3000);

Victor Gamez

student•

Yo estoy igual…

Victor Gamez

student•

Lo he solventado, e n mi caso, la promesa no se estaba ejecutando correctamente (como dice el error), es decir, que tenia un problema etre la comunicacion del server.js (del app) y el converter.js (app)

Juan Diego Silva Garcia

student•

Como hizo para escribir tan rápido /** Modules dependecies*/ en el sublime Text.? jajajaja

Reinaldo Mendoza

student•

Si tiene 284 librerias en la cabeza como vimos en el curso no me sorprende que escriba tan rapido

app.post('/api/pictures', function (req, res){
  upload(req, res, function(err){
    if (err) {
      return res.status(500).send("Error Uploading File")
    }
    res.send("File Uploaded");
  });
});

it('returns status 200', (done) => {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(res => {
          expect(res.status).to.equal(200);
          done();
        })
        .catch(err => {
          console.log(err);
        });
    });

/** 
 * Module dependencies
 */

var expect = require('chai').expect;
var axios = require('axios');

describe('Temperature Conversor API', function () {
  
  describe('Celsius to Fahrenheit conversion', function () {
    
    it('returns status 200', function (done) {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(function (res) {
          expect(res.status).to.equal(200)
          done();
        })        
    });

    it('returns 100C in Fahrenheit', function (done) {
      axios
        .get('http://localhost:3000/toFahrenheit?temperature=100')
        .then(function (res) {
          expect(res.data).to.equal(212)
          done();
        })        
    });

  });

  describe('Fahrenheit to Celsius conversion', function () {
    
    it('returns status 200', function (done) {
      axios
        .get('http://localhost:3000/toCelsius?temperature=212')
        .then(function (res) {
          expect(res.status).to.equal(200);
          done();
        })        
    });

    it('returns 100C in Fahrenheit', function (done) {
      axios
        .get('http://localhost:3000/toCelsius?temperature=212')
        .then(function (res) {
          expect(res.data).to.equal(100);
          done();
        })        
    });

  });

});

/** 
 * Module dependencies
 */

var express = require('express');
var converter = require('..');

var app = express();

app.get('/toCelsius', function (req, res) {
  var temperature = req.query.temperature;
  res.send(200, converter.toCelsius(temperature));
});

app.get('/toFahrenheit', function (req, res) {
  var temperature = req.query.temperature;
  res.send(200, converter.toFahrenheit(temperature));
});

app.listen(3000);

Unit testing en JavaScript con Mocha

Bienvenidos

¿Qué necesito para tomar el curso?

Materiales

Descarga el código del proyecto

Conceptos Básicos

Bienvenidos al curso de definitivo de JavaScript

¿Por qué JavaScript?

Construyendo nuestro proyecto

Construyendo la primer página de Platzigram

Introducción a Node.js y Npm

Inicializando nuestro proyecto con Npm

¿Qué son los gestores de paquetes?

Package bundling con gulp y sass

Agregando vistas con Pug

Sirviendo archivos estáticos con Express

Organizando nuestros assets y agregando un favicon

Fix para agregar JavaScript en el cliente

Agregando JavaScript en el cliente

Agregando navegación con Page.js

Automatizando el build

Agregando interfaces de usuario con Yo-yo

Modularizando nuestro proyecto

Agregando la página de /signin

Cambiando el título de la página

Agregando un timeline para los usuarios

Agregando las imágenes de los usuarios al timeline

Agregando la funcionalidad de like

Agregando la fecha de publicación

Utilizando FormatJS para internacionalizar las fechas

Utilizando FormatJS para internacionalizar los textos

Cambiando el idioma y almacenándolo en localStorage

Obteniendo una respuesta del servidor con Superagent

Obteniendo una respuesta del servidor con Axios

Obteniendo una respuesta del servidor con Fetch API

Obteniendo una respuesta del servidor con async/await

Agregando un botón para subir una nueva foto

Subiendo la foto a nuestro servidor web

Conclusiones

Cierre del curso

Es hora de construir el backend de Platzigram

Desafio 1: Hacer la página de un usuario

Desafio 2: Agregar un spinner mientras carga las imágenes del timeline

Desafio 3: Agregar un modal para mostrar una imagen en el perfil del usuario

Sesiones en Vivo

Stream 1: Resolviendo el primer desafío

Stream 2: Resolviendo el segundo desafío

Stream 3: Resolviendo el tercer reto

Stream 4: Resolviendo el cuarto reto

Stream Extra: Acceder a la webcam usando JavaScript

Complementos del curso

Unit testing en JavaScript con Mocha

Entendiendo los tiempos de ejecución en JavaScript

Usando babel en el lado del servidor (en Node.js)