Testar la clase promises.js [Testar promesas]

Autor: | Última modificación: 8 de abril de 2024 | Tiempo de Lectura: 3 minutos
Temas en este post:

Algunos de nuestros reconocimientos:

Premios KeepCoding

¿Quieres aprender a testar promesas? ¿Quieres saber cómo testar la clase promises.js? Con el ejercicio práctico que realizarás en este artículo, podrás realizar ambas acciones. Además, podrás utilizarlo para avanzar en tu aprendizaje en desarrollo web y en el funcionamiento del testeo de promesas. Así pues, sigue leyendo y aprende a testar la clase promises.js.

¿Cómo testar la clase promises.js?

Además de clases, métodos y funciones, en el desarrollo web también podemos testar promesas o peticiones que le realizamos a la API desde nuestro elementos para el desarrollo web y la creación de nuestros sitios. Por eso, si quieres realizar comprobaciones con este ejercicio práctico para testar la clase promises.js, no duden en seguir leyendo este artículo. Primero vamos a realizar la promesa y, después, le realizaremos el test a la promesa.

Realizar la promesa

Para realizar la promesa, debemos recordar muchas herramientas y componentes importantes para el desarrollo web y la realización de peticiones. En este caso, vamos a utilizar la librería de axios, por lo que tendrás que instalarla.

Asimismo, como queremos hacer una petición, también tenemos que tener en cuenta qué API nos va a ayudar. En este caso, vamos a emplear la herramienta de HTTPBIN, que es una pagina útil para realizar peticiones y te dirá qué tipo de respuestas puedes obtener a modo de ejemplo.

Después de importar la URL, ya podemos empezar a realizar la petición. Primero, vamos a integrar una petición o request satisfactoria, que nos devolverá una respuesta con el método de axios.get, y obtenemos un status 200, es decir, la petición pasa. También vamos a realizar la misma petición, pero que sea insatisfactoria; en este caso, con axios.get obtendremos un status 403.

Por último, debemos exportar las dos funciones para que se puedan realizar. A continuación, puedes ver la visualización, en forma de código, de lo que te acabamos de comentar:

import axios from 'axios'

const BASE_URL = "URL-del-API'

const sucessfulRequest = () => {
     return axios.get (' ${BASE_URL} /status/200')
}
const failedRequest = () => {
     return axios.get (' ${BASE_URL}/status/403')

module.exports = {
          successfulRequest,
          failedRequest,
}

Realizar el test a la promesa

Ahora ha llegado el momento de testar la promesa o las peticiones que acabamos de instanciar.

Para ello, vamos a utilizar el método callback, que se emplea usualmente para realizar los test de promesas. En primer lugar, vamos a describir el test y a pasarle el parámetro de lugar. Después, tendremos que ejecutar el failed request o el sucessfulRequest y, acto seguido, capturarlo. Dentro del callback se hace el test, se le pasa el match y ahí se hace la llamada o la petición. Para ello, vamos a ejecutar failed Request y a capturarlo; dentro del callback, vamos a evaluar que el mensaje sea el correcto o, en este caso, que el test falle.

A continuación, puedes visualizar todo este proceso para comprobar el test. Cada uno de los métodos empleados te permite realizar un proceso específico para realizar la comprobación correspondiente.

import {failedRequest} from '.promises.js'
describe ('callback style', () => {
       it ('should fail the request failedRequest', (done) => {
            failedRequest().catch (e => {
                  expect (e.message).toMatch (/failed/i)
                  done()
          }}
})

¿Qué sigue ahora?

Ahora que has aprendido en qué consiste la comprobación de promesas o peticiones a partir del ejercicio práctico para testar la clase promises.js, es el momento de realizar tus propias comprobaciones.

Las comprobaciones para las promesas o peticiones son un concepto muy importante para el aprendizaje del desarrollo web. Sin embargo, no es lo único que deberías explorar, ya que este mundillo es muy amplio. Por eso, te recomendamos echarle un vistazo al temario de la formación en Desarrollo Web Full Stack Bootcamp, que te permitirá instruirte en todo lo relacionado con el desarrollo web para convertirte en un gran profesional. ¡Anímate a solicitar información y cambia tu vida laboral en el sector IT!

Artículos ms leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado