Common Matchers / Comparadores Comunes

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

Resumen

Los comparadores comunes nos permiten probar nuevas cosas dentro de nuestro codigo. En esta clase, Pasaremos las pruebas directamente en nuestro archivo de jest.

Las pruebas dan a entender la información de lo que estamos creando en nuestro proyecto, así que siempre recuerda documentarlas muy bien y siempre guardar los cambios en tu repositorio ya sea localmente o de forma remota.

Los comparadores pueden ser:

toEqual()
not.toEqual()

Fernanda Aragon

student•

Como consejo, pueden instalar la extensión en VSC Jest, al tenerla instalada hace un debug de los test automáticamente sin ejecutar ningún comando para saber si la función retorna lo que se espera. Se me hace muy util para no estar ejecutando el comando npm run test a cada rato 😬

Jeffer Barragan

student•

Gracias !!

Markoz Peña Mendez

student•

Gran tip, gracias amigo : )

Jesus Sandrea

student•

Tambien podemos usar ESLINT para evitar los espacios en blancos, puntos y comos faltantes, etc. Nos ayuda a tener consistencia en nuestro proyecto y darle mas legibilidad.

Oscar Barajas Tavares

Team Platzi•

Es excelente en mi configuración uso ESLint con la configuración de Airbnb, ayuda mucho, no lo implememento en el curso por que seria explicar este aditamento al IDE.

JUAN FELIPE CONTRERAS DELGADO

student•

Recuerden 'npm install jest --global' Para que funcione el comando 'jest' en la consola

Antonio Madrid

student•

Gracias a ti pude solucionar el problema del comando jest

Muchas gracias!

Juan Pablo Calao Pérez

student•

Una mejor opción es que en las versiones nuevas de node es posible utilizar el comando npx <any node command> sin necesidad de instalarlo de forma global

Alejandro Dotor

student•

En este link les dejo como instalar el autocompletado / intellisense de Jest: ✅

espero les sirva para su productividad. 🤓

Alejandro González Reyes

student•

El comando es

npm t -- nombreArchivo.test.js

Miguel Costero

student•

En mi caso, usando simplemente el comando

jest matchers

Funciono perfectamente, sin necesidad de agregar el prefijo .test.js.

Miguel Costero

student•

Also, si no tienes o quieres instalar jest de manera global puedes usar:

npm run test -- matchers

Gonzalo Blasco

student•

falta un video, loco. no mamen.

Kevin Morales

student•

Cuál video crees que falta?

Así podríamos arreglarlo :)

Gonzalo Blasco

student•

donde esté el maths.js y maths.test.js (el primero con tests)... no fui el primero en comentarlo... o sea... de golpe el profe ya tiene un test implementado que nunca hizo...

Hendry M. Flores

student•

Falta el capítulo posterior a la instalación.

Sebastián Lorca

student•

tienes alguna extensión para autocompletas las palabras? a mi no me aparece "describe", "expect", "toEqual", etc.

Victor Israel Torrecillas Garcia

student•

jest

Facundo Martin Gordillo

student•

¡Para cualquiera que empiece a desarrollar en VS Code!

Tiene todo lo que se necesita para empezar. Quizá le falta Prettier.

Miguel Eduardo Langarano Guerrero

student•

si instalas jest de forma global podrás usar el comando jest directamente. npm i -g jest

Markoz Peña Mendez

student•

No lo veo necesario, al usar npx jest lo que hace por debajo npm es buscar el paquete y ejecutar el binario. El binario básicamente tiene los comando que usas cuando lo instalas de forma global : )

Iván Sabido

student•

en que video crea las pruebas en maths.test.js?

jhoan sebastian arias pulido

student•

Te refieres a este?

Derek Samuel Paúl Peña

student•

Por si quieren hacer usuarios más fácilmente:

const user = {
    id: 'x-xa44-sa-5-1-00',
    name: 'Desktop',
    email: 'email@gmail.com',
    number: '1542322145',
  }
  function cloneUsers(object, value) {
    const objectClone = Object.assign({}, object);
    return Object.assign(objectClone, value);
  }
  const users = [
    user,
    cloneUsers(user, { name: 'Samuel', email: 'ds.post@gmail.com' }),
    cloneUsers(user, { name: 'Robert' }),
  ];

roy vargas

student•

Hola! Por curiosidad me puse a investigar otros operadores, como el mayor o menor que, que son muy utilizados a la hora de programar, entonces supongo que al hacer testing los vamos a necesitar tambien.

test('Igualdad de elementos', () => {
        expect(user.lastname).toEqual(user2.lastname)
    })

    test('Desigualdad de elementos ', () => {
        expect(user.name).not.toEqual(user2.name)
        expect(user.age).not.toEqual(user2.age)
    })

    test('Elemento mayor ', () => {
        expect(user.age).toBeGreaterThan(user2.age)
        expect(user.age > user2.age).toBeTruthy()
        expect(user.age < user2.age).toBeFalsy()
    })

    test('Elemento mayor o igual ', () => {
        expect(user.age).toBeGreaterThanOrEqual(user3.age)
        expect(user.age === user3.age).toBeTruthy()
    })
    
    
    test('Elemenot menor', () => {
        expect(user2.age).toBeLessThan(user.age)
    })

Camilo José Mezú Mina

student•

Si quieren tener autocompletado agreguen los types de JEST yarn add --dev @types/jest

Platzi Team

student•

Si quisiera validar el tipo de dato que ingresa, caeria en un error ya que js es devilmente tipado, O es posible ?

Que gran clase profe <3

Diego Esteban Cortés Escandón

student•

Cuál es el plugin de auto-completado que estás utilizando ?

Juan Castro

teacher•

VSCode trae muchas de esas funcionalidades por defecto. :wink:

Patricio Jacho

student•

Los cursos del módulo 2 están desordenados. Primeo va "¿Qué es Jest?", luego "Instalción y configuración" y por último "Creando nuestra primera prueba unitariia"

Juan Castro

teacher•

¡Hola! Parece que ya fue solucionado. Las clases están en ese orden. ¿Tienes algún otro problema?

Mario Alejandro Crespo Reyes

student•

Hay quien sabe si el comando para realizar la prueba a un solo archivo específico cambió?

Gracias

JUAN FELIPE CONTRERAS DELGADO

student•

Puedes instalar Jest de manera global npm install jest --global

Angelica Landazabal

student•

Por qué no se pueden dejar esos espacios en blanco y por qué hay que usar los punto y coma (;) al final de cada sentencia si en el curso de Fundamentos de JS dice que ya no es práctica usarlos? Es algo interno en jest quizás?

Nicolas Restrepo

student•

Puedes hacerlo, pero son buenas prácticas del lenguaje. Hacen que sea mucho más legible y por ende incluso entendible

const user = {
    id: 'x-xa44-sa-5-1-00',
    name: 'Desktop',
    email: 'email@gmail.com',
    number: '1542322145',
  }
  function cloneUsers(object, value) {
    const objectClone = Object.assign({}, object);
    return Object.assign(objectClone, value);
  }
  const users = [
    user,
    cloneUsers(user, { name: 'Samuel', email: 'ds.post@gmail.com' }),
    cloneUsers(user, { name: 'Robert' }),
  ];

test('Igualdad de elementos', () => {
        expect(user.lastname).toEqual(user2.lastname)
    })

    test('Desigualdad de elementos ', () => {
        expect(user.name).not.toEqual(user2.name)
        expect(user.age).not.toEqual(user2.age)
    })

    test('Elemento mayor ', () => {
        expect(user.age).toBeGreaterThan(user2.age)
        expect(user.age > user2.age).toBeTruthy()
        expect(user.age < user2.age).toBeFalsy()
    })

    test('Elemento mayor o igual ', () => {
        expect(user.age).toBeGreaterThanOrEqual(user3.age)
        expect(user.age === user3.age).toBeTruthy()
    })
    
    
    test('Elemenot menor', () => {
        expect(user2.age).toBeLessThan(user.age)
    })

Common Matchers / Comparadores Comunes

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