Reject y resolve

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

Clase anteriorSiguiente clase

Resumen

En esta clase, vamos a probar las promesas cuando se resuelven o son rechazadas.

Los métodos son:

.resolves
.rejects

Henry Tabima Giraldo

student•

Me pareció mejor manejar el reject de esta manera

test('Rechaza con un error', () => {
    return expect(Promise.reject(new Error('Error'))).rejects.toThrow('Error')
  })

Mariano Villarreal

student•

por las dudas lo agrego a los apuntes (?

Daniel Páez

student•

Platzi, los amo, pero realmente creo que este curso no sigue su ultima metodologia orientada a proyectos, sugiero renovar este curso integrando todos estos métodos de jest en un proyecto web que vayamos construyecto

Oscar Barajas Tavares

Team Platzi•

Ya lo encuentras en algunos cursos que hemos lanzado, también en los que están en la escuela de JavaScript.

MAURICIO PUERTA OSPINA

student•

@gndx Oscar Barajas, nos puedes indicar los cursos que tienen Jest inmersos en sus pruebas unitarias?

Markoz Peña Mendez

student•

Si alguien quiere adoptar fetch puede hacer uso de isomorphic-fetch que nos permite hacer uso de fetch en el contexto de servidor(node) : )

**promises.js **

export const getDataFromApi = url => {
    return fetch(url)
           .then(res => res.json())
           .then(data => data)
           .catch(err => console.error(err));
}

**promises.test.js **

import { getDataFromApi } from '../promises';

describe('GET /rickandmortyapi.com/api/character', () => {
    const API = 'https://rickandmortyapi.com/api/character/';
    test('Fetching Data', done => {
        getDataFromApi(API)
        .then(data => {
            expect(data.results.length).toBeGreaterThan(0);
            done();
        });
    });
});

JUAN FELIPE CONTRERAS DELGADO

student•

Es básico pero suficiente para practicar.

Miguel Angel Reyes Moreno

student•

Solo para que quede claro: Oscar dice 'promais' pero se pronuncia 'promes' (con acento gringo claro jaja).

Alejandro González Reyes

student•

Tengo una duda, si hago una petición a

https://rickandmortyapi.com/api/character/215454545

este me responde con un objeto cuyo error es que el personaje no se ha encontrado.

Como puedo interpretar esto, como una promesa rechazada o una promesa resuelta pero con el detalle de que no se ha encontrado data alguna.

Y como puedo testear esto en JEST

Facundo Nicolás García Martoni

teacher•

Respondiendo a tu primera pregunta, debes interpretarlo como una promesa resuelta con el detalle de que no se encontraron datos, ya que efectivamente el servidor retornó un objeto válido

Carlos Delgado

student•

test('Error porque el personaje no existe', (done) => {
    const apiUrl = "https://rickandmortyapi.com/api/character/131990";
    getDataFromApi(apiUrl)
      .then(data => {
        expect(data).not.toBeDefined();
        done();
      });
  });

Alejandro González Reyes

student•

Trate de asociar este ejemplo con la petición de una API a un recurso que no existe y retorna un codigo de estado 404. Sin embargo no logro hacer que la prueba pase.

describe('Verificar si la petición a una API se rechaza', () => {
  test('¿Falla la API al solicitar el siguiente recurso?', async (done) => {

    const URL = 'https://rickandmortyapi.com/api/character/2454'

    return expect(await getDataFromAPI(URL)).rejects.toBe(404)
  })
})

Espero y puedan ayudarme

Daniel Páez

student•

Hoy un amigo y programador me dijó que cuando hacemos testing de verdad

Nosotros programamos primero el test que va a pasar nuestro componente, nuestro archivo de código y despues creamos el componente

¿Cómo ven esa afirmación en la práctica?

Oscar Barajas Tavares

Team Platzi•

Desarrollo guiado por pruebas o mejor conocido como TDD es la metodología que te invita a crear primero las pruebas antes de tu código.

Juan Castro

teacher•

Como dice el profe, lo que mencionas lo conocemos como Test Driven Development. Y es una gran forma de trabajar. Puedes aprender un poco más en este tutorial:

:point_right: https://platzi.com/blog/que-es-y-como-funciona-tdd/

También está el Curso Básico de Testing en Java. A pesar de ser con Java, la teoría e incluso los ejemplos prácticos te pueden ayudar para aplicar TDD en cualquier lenguaje:

:point_right: https://platzi.com/clases/testing-java/

Edgar Lopez Arroyo

student•

test("Resuelve un Hola", () => {
        return expect(Promise.resolve('Hola')).resolves.toBe('Hola');
    });
    test("Rechaza con un error", () => {
        return expect(Promise.reject('Error')).rejects.toBe('Error');
    });```

Jorge Méndez Ortega

student•

mmm creo que no le veo mucha funcionalidad a esta parte

Wilson Alejandro Gonzalez Gaitan

student•

Creo que si porque las cosas mínimas son las que cuestas a la hora de hacer algún código

Juan Esteban Galvis

student•

En Frontend no tanto pero de pronto en tema de peticiones (Por ejemplo Backend con Mongo para hacer get, post, pull, etc) si se utiliza lo de resolve y reject para responder o devolver un error.

Victor Ignacio Casas Cabezas

student•

Por qué acá no se uso done()?

Naldo Duran

student•

import { getDataFromApi } from '../promises';

describe('GET /rickandmortyapi.com/api/character', () => {
    const API = 'https://rickandmortyapi.com/api/character/';
    test('Fetching Data', done => {
        getDataFromApi(API)
        .then(data => {
            expect(data.results.length).toBeGreaterThan(0);
            done();
        });
    });
});

test('Error porque el personaje no existe', (done) => {
    const apiUrl = "https://rickandmortyapi.com/api/character/131990";
    getDataFromApi(apiUrl)
      .then(data => {
        expect(data).not.toBeDefined();
        done();
      });
  });

describe('Verificar si la petición a una API se rechaza', () => {
  test('¿Falla la API al solicitar el siguiente recurso?', async (done) => {

    const URL = 'https://rickandmortyapi.com/api/character/2454'

    return expect(await getDataFromAPI(URL)).rejects.toBe(404)
  })
})

test("Resuelve un Hola", () => {
        return expect(Promise.resolve('Hola')).resolves.toBe('Hola');
    });
    test("Rechaza con un error", () => {
        return expect(Promise.reject('Error')).rejects.toBe('Error');
    });```

Reject y resolve

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