Numbers

Clase 8 de 25 • Curso de JavaScript Testing con Jest 2019

Resumen

En esta clase, Vamos a manejar numeros, Vamos a hacer unas funciones muy particulares que nos provee jest para hacer comparaciones con números.

Se puede correr las pruebas sin necesidad de tener la funcion de describe, Aunque es una muy buena practica agregarla.

Los Métodos para numeros que nos provee jest son:

.toBeGreaterThan()
.toBeGreaterThanOrEqual()
.toBeLessThan()
.toBeLessThanOrEqual()
.toBeCloseTo()

Carlos Azaustre

student•

Si usan npm run test o npm test para correr los tests y quieren pasar argumentos al comando, para que se ejecuten los test de un determinado fichero, pueden hacerlo añadiendo el flag --
ejemplo:

npm run test -- numbers.test.js

Hans Piña

student•

En mi caso, no pongo .test.js al comando, solo doy:

yarn test numbers

Y funciona

Mitchell Contreras

student•

No es necesario colocar .test.js con npm.
$npm test – numbers // seria suficiente

Platzi Team

student•

Para comparar los flotantes puedes usar toBeCloseTo a cambio de toEqual. Esto porque no te gustaría hacer un test que dependa de un redondeo, y salte un error.

test('adding floating point numbers', () => {
  const value = 0.1 + 0.2;
  //expect(value).toBe(0.3);           This won't work because of rounding error
  expect(value).toBeCloseTo(0.3); // This works.
});

José Iván Sandoya

student•

Excelente dato!

Juan Pablo Celiz

student•

Gracias por la aclaración!

Daniel Páez

student•

Pensando un poco en código de aplicaciones reales siento más ordenado hacer el export al final que en la función

function numbers(a, b) {
	return a + b;
}


export {numbers};

Daniel Páez

student•

#Métodos de matchers tocados


.toBeGreaterThan(value)
.toBeGreaterThanOrEqual(value)

.toBeLessThan(value)
.toBeLessThanOrEqual(value)

.toBeCloseTo(value)

JESSICA ORTIZ OSPINA

student•

Hola, disculpe a que se refiere con matchers tocados?

Diego Esteban Cortés Escandón

student•

Con web Storm las pruebas se realizan con un solo click sin tener que configurar babel ni nada, recomiendo instalar @types/jest para que el editor reconozca slaudos

Appland

student•

Holis XD, les comparto varios ejercicios que me ayudaron a comprender mejor la función "toBeCloseTo()" y sus restricciones en cuanto a rangos de valores adminitidos según el número de decimales, es decir la precisión con la que esperamos validar nuestros valores. Bastante interesante...

Para probarlo, deben crear un archivo llamado single.test.js dentro del directorio test.

describe('Comparison of equality', () => {
    test('Simple equality', () => {
        expect(0.1+0.2).toBe(0.3);
    });
    test('Equality without precision', () => {
        expect(0.1+0.2).toBeCloseTo(0.3); // default precision = 2 decimals
    });
});

describe('Comparison of equality with precision', () => {
    test('0 decimals', () => {
        expect(0.1+0.2).toBeCloseTo(0.4, 0); // OJO: ignore decimals
    });
    test('-1 decimal  { ]-5 }', () => {
        expect(1004).toBeCloseTo(1000, -1); 
    });
    test('-1 decimal - limit', () => {
        expect(1005).toBeCloseTo(1000, -1); 
    });
    test('-1 decimal  { +5[ }', () => {
        expect(996).toBeCloseTo(1000, -1); 
    });
    test('-2 decimals  { ]-50 , +50[ }', () => {
        expect(1049).toBeCloseTo(1000, -2); // 951 
    });
    test('-2 decimals - limit', () => {
        expect(1050).toBeCloseTo(1000, -2); 
    });
    test('-3 decimals  { ]-500 , +500[ }', () => {
        expect(1499).toBeCloseTo(1000, -3); // 501
    });
    test('-3 decimals - limit', () => {
        expect(1500).toBeCloseTo(1000, -3); 
    });
    test('1 decimal  { ]-0.05 }', () => {
        expect(0.051).toBeCloseTo(0.100, 1); 
    });
    test('1 decimal - limit', () => {
        expect(0.050).toBeCloseTo(0.100, 1); 
    });
    test('1 decimal  { +0.05] }', () => {
        expect(0.150).toBeCloseTo(0.100, 1); 
    });
    test('2 decimals  { ]-0.005 }', () => {
        expect(0.096).toBeCloseTo(0.100, 2)
    });
    test('2 decimals - limit', () => {
        expect(0.1051).toBeCloseTo(0.100, 2); 
    });
    test('2 decimals  { +0.005] }', () => {
        expect(0.105).toBeCloseTo(0.100, 2)
    });
    test('3 decimals  { ]-0.0005 }', () => {
        expect(0.0996).toBeCloseTo(0.1000, 3);
    });
    test('3 decimals - limit', () => {
        expect(0.1005).toBeCloseTo(0.1000, 3); 
    });
    test('3 decimals  { +0.0005] }', () => {
        expect(0.1004).toBeCloseTo(0.1000, 3);
    });
});

Diego Esteban Cortés Escandón

student•

Hola vscode no me auto-completa los métodos de jest .toBeGreaterThan(), ect, qué plugin están utilizando?

Jeffer Barragan

student•

Entiendo que esa funcionalidad vienen con este plugin de VScode

JADE

pero no he podido configurarla .... si alguien sabe le agradeceria :)

Jeffer Barragan

student•

Listo , resuelto 😁

hay que instalar esta dependencia.

npm install --save-dev  @types/jest

Y ya con eso VScode es capaz de hacer la sugerencia en las funciones de JEST

Jorge López

student•

con npm run test num . es suficiente para que jest ejecute los test del archivo numbers, es decir con solo indicar una parte del nombre del archivo es suficientel

Ramiro Nicolas DAccorso Rosati

student•

Me desespera que diga "GE" "ES" en lugar de jey es!! A alguien mas le pasa? Igual es un capo, la tiene re clara :D

Oscar Jesus Resendiz Mendoza

student•

Solo un poco :P

José Cortés Molina

student•

Recomiendo la extension "Jest Runner", en vsCode, es extremadamente util, nos muestra el resultado de los test sin necesidad de ejecutarlos en consola, espero les pueda servir!

Alexandra Gomez Huertas

student•

Respecto a más de un describe en un archivo de pruebas, personalmente no estoy de acuerdo ya que al poner un describe() se abre una nueva instancia de pruebas internamente en jest y esto puede generar demoras en la compilación, lo digo por que nos pasó con un proyecto que tenia más de mil pruebas y que estaba lleno de describes en cada archivo y se reventabas las pruebas por timeOut.

Mario Alejandro Crespo Reyes

student•

Al dia de hoy, 28 de Julio de 2019 no encuentro la forma de correr solo una prueba en especifico, ya que el comando que da el profe ya no funciona

Jesus Alberto Ramirez Rodriguez

student•

si estas directamente en la consola y no te reconoce el comando "jest" prueba con npx jest "NombreDelArchivo"

Alan Alexis Arostegui Maranto

student•

primero debes tener instalado de manera globar jest con npm install --save-dev jest --global deede tu terminal

Carlos Antonio Espin Constante

student•

Estaba experimentando, y colocando al final del archivo numbers.js (export default nombreFuncion), me sale un error de que numbers no es una función. Pero haciendolo como el profesor, todo es correcto. Alguien sabe la diferencia en el modo de exportar estos archivos?

Luis Lira

student•

Hola ¿cómo estás importando a number.js? Porque la diferencia es que cuando haces export const es que solo estás exportando una parte del código del archivo, por lo que la forma correcta de importarlo sería import { numbers } from 'numbers' y si lo haces con export default, le estás indicando que lo que se importará por defecto será la función que señales y se importa así import numbers from 'numbers'

Solo son parte de la destructuración que ya tiene por defecto JavaScript.

Carlos Antonio Espin Constante

student•

Gracias Luis, ese fue mi error, no colocar los {}, olvidé por completo ese detalle. Gracias por tu ayuda.

Luis Alfredo Porras Páez

student•

Cuando escribe los matchers el VSCode le autocompleta con los matchers disponibles, ¿Qué plugin de VSCode está usando?

Alejandro González Reyes

student•

Me pueden indicar que plugin usa el profe para autocompletar la escritura de las pruebas unitarias.

Juan Castro

teacher•

:wave: Hey!

Estoy 99% seguro de que es esta: https://github.com/jest-community/vscode-jest. :wink:

Daniel Alejandro Eslava Herrera

student•

en estos ejemplos se usa para hacer fallar las pruebas, en el caso de usarlas ya en codigo siempre se tiene que hacer fallar el codigo?

Eduardo Hidalgo Díaz Rugama

student•

Las pruebas unitarias (y en general el mundo del testing y la calidad del software) es muy amplio. es otro mundo completamente.

Unit testing no es “hacer fallar el código”, se trata de hacer un código que evalue diferentes escenarios respecto a un fragmento de tu código, y que este no se rompa de manera crítica.

Si por ejemplo tu tienes una llamada a una API, que espera un body y header, tu unit testing debe esperar que si la llamada no se logra, falla, no se manda el body, o la API no responde, el código reciba y maneje correctamente los errores.

Es para evitar un error que rompa el código y la aplicación falle. Unit testing previene fallos. es eso. Si a una función que espera strings le pasas un int, no estás haciendo fallar el código, lo que deberías es estar verificando que cuando truene el código tu código sea capaz de manejar el error.

Gonzalo Pimentel

student•

Es mi compu o el audio esta bajito del video

Usuario anónimo

user•

import {numbers} from '../numbers.js'

/**
 * 
    .toBeGreaterThan()           MAYOR: >
    .toBeGreaterThanOrEqual()    MAYOR IGUAL: >=
    .toBeLessThan()              MENOR: <
    .toBeLessThanOrEqual()       MERNOR IGUAL: <=
    .toBeCloseTo()               VALORES FLOTANTES 
 */

describe("Comparación de números", () => {
    test('Mayor qué', () => {
        expect(numbers(2, 2)).toBeGreaterThan(3);
    });

    test('Mayor ó igual qué', () => {
        expect(numbers(2, 2)).toBeGreaterThanOrEqual(4);
    });

    test('Menor qué', () => {
        expect(numbers(2, 2)).toBeLessThan(5);
    });

    test('Menor ó igual qué', () => {
        expect(numbers(2, 2)).toBeLessThanOrEqual(4);
    });

    test('Igualdad en un valor flotante', () => {
        expect(numbers(0.2, 0.2)).toBeCloseTo(0.4);
    });

    test('Diferencia en un valor flotante', () => {
        expect(numbers(0.2, 0.2)).not.toBeCloseTo(0.5);
    });
});

Naldo Duran

student•

JUAN FELIPE CONTRERAS DELGADO

student•

Numbers

Introducción al curso

¿Dónde aprender testing con JavaScript?

Qué son pruebas Unitarias

Herramientas para pruebas en Javascript

Configuración

¿Qué es Jest?

Instalación y configuración

Creando nuestra primera prueba unitaria

Matchers

Common Matchers / Comparadores Comunes

Numbers

Truthness / Verdadero

Arrays

Coverage

Strings

Monitoreo

Setup de pruebas

Testing Asynchronous Code

Callbacks

Promesas

Reject y resolve

Async/Await

Aplicaciones de testing para Async/Await

Snapshot Testing

Snapshot Testing

Excepciones Snapshot

Implementando Jest en diferentes Frameworks

Preparar proyecto para trabajar con React JS

Preparar proyecto para trabajar con Vue JS

Preparar proyecto para trabajar con Express JS

Beneficios de las Pruebas Unitarias