TypeScript / Jest – watch mode

Bienvenidos sean a este post,, hoy veremos una opcion de jest.

Asi como sucede con otros frameworks tambien disponemos de un watch mode para poder ver todos los archivos en un proyecto y volver a correr un test en caso de observar un cambio en los archivos.

Para trabajar con este necesitaremos del proyecto generado en este post, sino lo poseen les dejo un link para descargarlo:

Simplemente extraigan el directorio en el pc que esten trabajando y esta listo para ser usado. Para habilitarlo debemos ir al archivo package.json y realizaremos la siguiente modificacion en la opcion de scripts:

  "scripts": {
    "test": "jest --watchAll --verbose"
  },

En este caso simplemente le agregamos dos opciones al llamado a jest. El primero sera para indicarle que lo correremos en watch mode. El segundo sera para mostrar todos los test que se encuentren al momento de ejecutarlo. Procedamos a ejecutar el test para ver su salida:

En el video podemos ver como se corre con watch mode y a su vez las opciones que nos muestra al final son para volver a correr el test simplemente o con algunas opciones especificas, asi como tambien salir del mismo. Como pueden ver su implementacion fue muy simple y para desactivarlo simplemente deben volver al archivo anterior y eliminar las opciones watchAll y verbose. Antes de finalizar les dejo un link con los archivos utilizados y modificados en este post:

En resumen, hoy hemos visto Watch mode en jest, que es, como se habilita, y como trabaja. Espero les haya sido de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.