Preparar proyecto para trabajar con Express JS

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

Clase anteriorSiguiente clase

Resumen

En esta clase, Veremos como agregar pruebas a Express.

Con Express podemos hacer servidores que nos puedan exponer una APi, o realizar el backend de una aplicación.

En la terminal corremos:
git clone https://github.com/gndx/platzi-express-jest
cd project
npm install
node server.js

Montse Gress

student•

Buenas tardes, porque dices que no estas usando ES6 para importar los módulos cuando me parece que las arrow function son de ES6, que más nos detiene de usar import en lugar de require? y otra pregunta, ¿Que caso tuvo instalar babel-cli y babel-preset?

Iván Sabido

student•

En el video comenta que queda como reto el pasarlo a ES6, lo que esta haciendo es a modo de ejemplo y para no entrar a mas detalles usa el require para importar los módulos. Saludos.

Oscar Barajas Tavares

Team Platzi•

Como lo comenta ivan, era enfocarnos en probar la funcionalidad, saber que es lo que necesitamos, cada proyecto es un mundo y tendra necesidades muy particulares que se deberan de probar.

Eric Gomez

student•

++Dependencias++:

npm install --save-dev babel-cli babel-preset-env jest supertest

app.test.js

const request = require('supertest')
const app = require('../app')

describe('Probar nuestro mini servidor express', () => {
    test('Debe responder el metodo GET', done => {
        request(app).get('/').then((response) => {
            expect(response.statusCode).toBe(200)
            done()
        })
    })
})

Juan Esteban Galvis

student•

En el curso de Express.js también hay un módulo sobre testing: https://platzi.com/clases/express-js/ -> Módulo "Testing"

Bruno Martin Sendras

student•

Agregar babel para compilar con ES6. podes usar npm o yarn, yo use yarn para todo el proyecto y el curso.

Dependencias necesarias (ademas de las ya agregadas por Oscar) yarn add @babel/preset-env
Configuracion Añadir un archivo llamado .babelrc en el root del proyecto con el siguiente json de configuración: { "presets": ["@babel/preset-env"] } Ahora podemos usar la notación es6

import request from 'supertest';
import app from '../app';

Esto es suficiente para que corran las pruebas, es posible que a medida que crezca el proyecto sean necesarias mas configuraciones.

fuente:

Derek Samuel Paúl Peña

student•

Aquí les dejo un shortcut: npm i -D babel-cli babel-preset-env jest supertest

Jose Luis Campos Bautista

student•

¿Cómo se realizaría un test a un método POST que recibe un json?

Juan Jose Vega

student•

201 que es el código de respuesta y añadirle que viene en ese json O hacer snapshot del json y compararlo
son las tres que se me ocurren

Jorge De Jesus Tejeda Bello

student•

Utilizando la funcion send()

request(app).post('route').send(object)

Nicolás Arias

student•

¿Cuál es el chiste del puerto 6337?

Oscar Barajas Tavares

Team Platzi•

6337 es referente a GEEK

Fernando Sanchez

student•

Falto el tema de mocks, a mi parecer es el mas complejo, lo tienen en algún otro curso?

JUAN FELIPE CONTRERAS DELGADO

student•

Rodrigo Martinez

student•

Hola mundo cruel 😂

fermin martin

student•

Hola a tod@s! 😀 Observad como en la ruta de la Escuela de Desarrollo Web este curso está en el Nivel Básico antes que React o Vue. Creo que cumple el objetivo de introducir a las pruebas Unitarias y poner de relieve su importancia.

Jorge De Jesus Tejeda Bello

student•

Desarrollado con Async/Await

test('GET - Obteniendo una status 200 usanod Async/Await', async () => {
    const status = await request(app).get('/');
    expect(status.statusCode).toBe(200);
  });

Alejandro González Reyes

student•

express-generator?

Naldo Duran

student•

const request = require('supertest')
const app = require('../app')

describe('Probar nuestro mini servidor express', () => {
    test('Debe responder el metodo GET', done => {
        request(app).get('/').then((response) => {
            expect(response.statusCode).toBe(200)
            done()
        })
    })
})

Preparar proyecto para trabajar con Express JS

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