Watch y Coverage

Edwin García

student•

No es necesario instalar Jest de manera global para usar el comando de esa forma. Hay dos opciones, una sería crear el comando en el package.json y correr el script correspondiente y la otra sería usando el prefijo npx así:

npx jest src/__test__/index.test.js

Juan Gaybre Flores

student•

A mi me permitió correr solo la prueba del archivo index indicándole la ruta después del comando npm run test

Rafael Alvarez Cardona

student•

@JuanGaybre! muchas gracias! tambien me funcionó :D

Jorge Eliecer Rangel Jimenez

student•

Funcion randomAnimals

const animals = [
  "🐶",
  "🐱",
  "🐭",
  "🐹",
  "🐰",
  "🐻",
  "🐼",
  "🐨",
  "🐯",
  "🦁",
  "🐮",
  "🐷"
];

const randomAnimal = () => {
  const animal = animals[Math.floor(Math.random() * animals.length)];
  return animal;
};

module.exports = randomAnimal;

Prueba

const randomAnimals = require("../index");

describe("Probar funcionalidades de randomAnimals", () => {
  test("Probar la funcionalidad", () => {
    expect(typeof randomAnimals()).toBe("string");
  });
  test("Probar que no existe un animal", () => {
    expect(randomAnimals()).not.toMatch(/🦓/);
  });
});

Oscar Barajas Tavares

Team Platzi•

Excelente. 👍

Bernardo Aguayo Ortega

student•

muy buena explicación!!

Alan David R.L.

student•

Watch y Coverage

index.js

const videogames = [
  "Sekiro",
  "Call of Duty",
  "Death Stranding",
  "Gears 5",
  "Devil May Cry"
];

const randomString = () => {
  const string = videogames[Math.floor(Math.random() * videogames.length)];
  return string;
};

module.exports = randomString;

index.test.js

const randomStrings = require("../index");

test("It should return a string", () => {
  expect(typeof randomStrings()).toBe("string");
});

Haciendo uso de jest podemos hacer test a un solo archivo, esto lo hacemos con el siguiente comando:

jest src/__test__/index.test.js

Para evitar errores tenemos que instalar jest de forma global. En Mac seria:

sudo npm i -g jest

Con describe creamos un suite en el cual podemos correr muchos test y mantenerlos mejor organizados.

index.test.js

const randomStrings = require("../index");

describe("Test randomString function", () => {
  test("It should return a string", () => {
    expect(typeof randomStrings()).toBe("string");
  });
  test("Check if a videogame does not exits", () => {
    expect(randomStrings()).not.toMatch(/Halo/);
  });
});

Hasta ahora hemos corrido nuestros test despues de cada cambio, esto no tiene por que ser así, jest nos permite correr un comando para quedarse escuchando a todos los cambios sin necesidad de correr un mismo comando con cada iteración.

package.json

"scripts": {
  "test": "jest",
  "test:watch": "jest --watch"
},

Si queremos saber que tanto hemos probado nuestro projecto podemos correr

  jest --coverage

Esto nos da un output en consola sobre el estado de nuestros archivos, pero si queremos verlo con más detalle, podemos acceder a un archivo html que se crea en una carpeta coverage en el subdirectorio Icov-report.

Bernardo Aguayo Ortega

student•

gracias!!

Andres Orlando Navarro Gutierrez

student•

Gracias

Nelo Puchades Bresó

student•

El test en el que comprueba que no existe una ciudad está mal. Lo que comprueba es que la ciudad random que devuelve el método no sea Córdoba que no es lo mismo. Si probamos a poner una ciudad que si está en el array pero el método devuelve otra, el test pasa erróneamente.

sofia mejia

student•

Manuel, hice la misa prueba y llegué a la misma conclusión que tú. Revisando la documentación encontré que el método correcto para hacer este tipo de test es .toContain.

Quedaría así:

const cities = ['Paris', 'CDMX', 'Tokyo', 'Berlín', 'Berlgrado'];

  test('Comporbar que no existe una ciudad', () => {
    expect(randomStrings()).not.toContain('CDMX')
  })

Entonces el test fallaría

Iván Darío Sánchez Jiménez

student•

Realmente lo correcto para evaluar si una ciudad no existe sería que la función retornara un array y utlizariamos not.contain para verificar que no existe esta ciudad, tienes razón que el objetivo del test usando match no es realmente si la ciudad no existe sino es como lo planteas lo que se verifica es que el string retornado no corresponde con la ciudad a evaluar

Javier Montoya Arroyo

student•

Si nos encontramos trabajando sobre Visual Studio Code disponemos de dos plugins que amplian y mejoran nuestra exp como dev muy utiles:

JestRunner Nos habilita la posibilidad de lanzar los test sobre el código.
Jest Snippets Nos brinda conjunto de snipptes para mejorar nuestra productividad en la codificación de los test. (Conveniente tras automatizar el flujo de creación de test "manualmente)

Reinaldo Mendoza

student•

Buenisimo, gracias

Raycris Maldonado

student•

Si no te funciona el comando que utilizó el profesor para hacer el coverage, puedes utilizar este

npm test -- --coverage

Diego Mitma Ariza

student•

cierto, a mi no me funciono el comando que ejecuto el profe.

Nicolás García Puerta

student•

Math.floor no retorna el máximo valor, redondea un número hacia abajo a su entero más cercano

Manuel Rivera

student•

jajajaja si, creo que se equivoco el profe :D

Reinaldo Mendoza

student•

Tuvo un lapsus, no creo que alguien no se halla dado cuenta, pero en un curso como este donde ya creo todos tenemos ciertas bases es solo una anecdota

Manuel Rivera

student•

También para no instalar jest para correrlo dentro de nuestra consola, podemos simplemente crear nuestro script en nuestro package.json y correrlo con npm run

Ramón Ruiz

student•

Si queremos subir un proyecto de github usando jest es necesario y recomendable hacer .gitignore de la carpeta coverage?

Samuel Miranda Martínez

student•

Sí, es necesario.

node_modules
coverage

Jorge Eliecer Rangel Jimenez

student•

Comparto esta extension para Vs Code https://marketplace.visualstudio.com/items?itemName=Orta.vscode-jest

Funciona instalando jest de manera global

npm install -g jest

Oscar Barajas Tavares

Team Platzi•

No la conocía, gracias por tu aporte.

Emmanuel Rodríguez

student•

Cabe mencionar que --watch funciona con git por el mapeo con su file system. Por lo que tendrán que cubrir con --watchAll.

--watch - to watch and listening changes, work only with git. —watchAll - to watch and listening changes.

—coverage - to get a report of all testing and size of coverage.

Carlos Morán

student•

Se puede probar también corriendo el comando como

npm test index.test.js

Vanessa Pacheco

student•

A alguno de ustedes le haz dado problemas con el require y el module.exports?

Jose Daniel Hernandez Quiceno

student•

Si te da problemas esto, posiblemente sea algo con Node JS, intenta instarlo nuevamente

Jose Daniel Hernandez Quiceno

student•

Instalarlo*

Daniel Elías Ángel Barreto

student•

Otras formas de correr el test que quieres que corra

npm test index.test

esta es otra const randomStrings = require('../index'); // agregar .only al test que quieres correr y ejecutar npm run test index.test test.only('Should have a string', () => { expect(typeof (randomStrings())).toBe('string'); });

Jose Enrique Marquez

student•

Tambien se puede ejecutar sin instalar globalmente ejecutando los comandos

yarn jest src/__test__/index.test.js

npx jest src/__test__/index.test.js

Javier Gómez

student•

const cities = ['Ciudad de México', 'Bogotá', 'Lima', 'Buenos Aires'];

const randomString = () => {
    return cities[Math.floor(Math.random() * cities.length)];
};

describe('Probar funcionalidades de randomString', () => {

    test('Probar la funcionalidad', () => {
        expect(typeof (randomString())).toBe('string');
    });

    test('Comprobar que no existe una ciudad', () => {
        expect(randomString()).not.toMatch(/Cordoba/);
    });
});

Gustavo Altamiranda

student•

No se porque no me toma el require

Miguelangel Palma

student•

Para los que le den error con el --watch y jest les recomiende que usen el --watchAll. La solución es utilizar git init dentro del proyecto para inicializar un repositorio, ya que si no tienes tu codigo en un repositorio no te dejara usar el flag --watch. También pueden utilizar --watchAll pero al momento que hagan un cambio volvera a correr todos los test, el --watch solo corre el test que ha cambiado especificamente. Saludos

Rulo Code

student•

Mira las notas sobre los conceptos básicos de Pruebas en Js, aquí :D

Sergio Estrella

teacher•

Me surgió una pregunta al ver que podemos agrupar una serie de tests dentro de describe. Si uno de los test que está dentro de describe falla, falla solo ese? O el describe en general?

Miguel Cobas

student•

No falla el describe general, solo el test.

Guido Modarelli

student•

También puede correr

npm test index.test.js

const animals = [
  "🐶",
  "🐱",
  "🐭",
  "🐹",
  "🐰",
  "🐻",
  "🐼",
  "🐨",
  "🐯",
  "🦁",
  "🐮",
  "🐷"
];

const randomAnimal = () => {
  const animal = animals[Math.floor(Math.random() * animals.length)];
  return animal;
};

module.exports = randomAnimal;

const randomAnimals = require("../index");

describe("Probar funcionalidades de randomAnimals", () => {
  test("Probar la funcionalidad", () => {
    expect(typeof randomAnimals()).toBe("string");
  });
  test("Probar que no existe un animal", () => {
    expect(randomAnimals()).not.toMatch(/🦓/);
  });
});

const videogames = [
  "Sekiro",
  "Call of Duty",
  "Death Stranding",
  "Gears 5",
  "Devil May Cry"
];

const randomString = () => {
  const string = videogames[Math.floor(Math.random() * videogames.length)];
  return string;
};

module.exports = randomString;

const randomStrings = require("../index");

describe("Test randomString function", () => {
  test("It should return a string", () => {
    expect(typeof randomStrings()).toBe("string");
  });
  test("Check if a videogame does not exits", () => {
    expect(randomStrings()).not.toMatch(/Halo/);
  });
});

const cities = ['Ciudad de México', 'Bogotá', 'Lima', 'Buenos Aires'];

const randomString = () => {
    return cities[Math.floor(Math.random() * cities.length)];
};

describe('Probar funcionalidades de randomString', () => {

    test('Probar la funcionalidad', () => {
        expect(typeof (randomString())).toBe('string');
    });

    test('Comprobar que no existe una ciudad', () => {
        expect(randomString()).not.toMatch(/Cordoba/);
    });
});

Watch y Coverage

Bienvenida

Bienvenido al Curso de Jest

¿Qué es un Test? ¿Qué tipos de Test Existen? Jest

Introducción a Jest

Preparación del entorno con Jest

Implementando pruebas para Boolean y Array

Implementando pruebas a promesas

Watch y Coverage

Usando Jest con React

Preparar proyecto

Crear mocks

Implementar provider mock

Snapshot

Probar Actions

Probar Reducers

Probar peticiones fetch

Deploy y CI con Travis

Jest + CI

Probando el proyecto antes de hacer deploy

Recapitulación y cierre