Excepciones Snapshot

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

Resumen

En esta clase, Veremos pruebas cómo hacer excepciones en snapshots.

Existen datos que no siempre son estáticos, Al contrario. Están constantemente cambiando. Para ello necesitamos hacer ciertas excepciones.

Alejandro González Reyes

student•

test('Instantánea con algunas Excepciones en sus paths', () => {
    const user = {
      id: Math.floor(Math.random() * 100),
      name: 'Alejandro González Reyes',
      profesion: 'JavaScript and PHP Development',
      createdAt: new Date
    }

    // Se espera que la data recibida coincida con la instantánea. A excepción de los campos id y createdAt, los cuales se espera que reciban cualquier Numero y Fecha respectivamente
    expect(user).toMatchSnapshot({
      id: expect.any(Number),
      createdAt: expect.any(Date)
    })
  })

Carlos Pérez

student•

excepción

Cristian Blandon

student•

❓

Miguel Angel Reyes Moreno

student•

Christian, es que Oscar escribió "excepsion" con S en vez de con C.

Miguel Angel Reyes Moreno

student•

Si tenemos un valor que va a cambiar constántemente, podemos hacer que Jest tome esto en cuenta para que no marque errores en las pruebas.

test('Tenemos una excepción dentro del código', () => {
    const user = {
      id: Math.floor(Math.random() * 20),
      name: "Miguel Reyes"
    }
    expect(user).toMatchSnapshot({
      id: expect.any(Number) //*ID tendrá cualquier valor numérico
    });
  });

Y el snapshot será algo así:

exports[`Es hora de las instantaneas Tenemos una excepción dentro del código 1`] = `
Object {
  "id": Any<Number>,
  "name": "Miguel Reyes",
}

Juan Pablo Celiz

student•

¡Genial! Súper entendido, pero... ¿en caso de querer hacer una excepción en una array cómo deberíamos hacer?

test('Snapshot de un array con excepción', () => {
    const user = [ 'a' , 'b', 'c' ]

//Suponiendo que cambia el valor de 'a' por cualquier otra letra
   expect(user).toMatchSnapshot(
      user[0]: expect.any(String)
    )
  })

Jorge De Jesus Tejeda Bello

student•

test("Tenemos una excepcion dentro del codigo", () => {
    const user = {
      id: Math.floor(Math.random() * 100),
      name: "Dominique Victoriano",
      createAt: new Date(),
    };
    expect(user).toMatchSnapshot({
      //Como el id es muy cambiante le agregamos una excepcion
      //A esta propiedad en especifico
      id: expect.any(Number),
      createAt: expect.any(Date),
    });
  });

JUAN FELIPE CONTRERAS DELGADO

student•

Martín S. Campos

student•

Utilizar así las excepciones lo veo de gran ayuda para validar el tipo de los datos, si es un String, Number, etc.

Naldo Duran

student•

Edgar Lopez Arroyo

student•

test("Excepciones", ()=>{
        const user = {
            id: Math.floor(Math.random()*20),
            name: "Eddie"
        }
        expect(user).toMatchSnapshot({
            id: expect.any(Number)
        })
    });```

test('Instantánea con algunas Excepciones en sus paths', () => {
    const user = {
      id: Math.floor(Math.random() * 100),
      name: 'Alejandro González Reyes',
      profesion: 'JavaScript and PHP Development',
      createdAt: new Date
    }

    // Se espera que la data recibida coincida con la instantánea. A excepción de los campos id y createdAt, los cuales se espera que reciban cualquier Numero y Fecha respectivamente
    expect(user).toMatchSnapshot({
      id: expect.any(Number),
      createdAt: expect.any(Date)
    })
  })

test('Tenemos una excepción dentro del código', () => {
    const user = {
      id: Math.floor(Math.random() * 20),
      name: "Miguel Reyes"
    }
    expect(user).toMatchSnapshot({
      id: expect.any(Number) //*ID tendrá cualquier valor numérico
    });
  });

test('Snapshot de un array con excepción', () => {
    const user = [ 'a' , 'b', 'c' ]

//Suponiendo que cambia el valor de 'a' por cualquier otra letra
   expect(user).toMatchSnapshot(
      user[0]: expect.any(String)
    )
  })

test("Tenemos una excepcion dentro del codigo", () => {
    const user = {
      id: Math.floor(Math.random() * 100),
      name: "Dominique Victoriano",
      createAt: new Date(),
    };
    expect(user).toMatchSnapshot({
      //Como el id es muy cambiante le agregamos una excepcion
      //A esta propiedad en especifico
      id: expect.any(Number),
      createAt: expect.any(Date),
    });
  });

test("Excepciones", ()=>{
        const user = {
            id: Math.floor(Math.random()*20),
            name: "Eddie"
        }
        expect(user).toMatchSnapshot({
            id: expect.any(Number)
        })
    });```

Excepciones Snapshot

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