Preparación para pruebas de proyectos Vue con NPM y Vue Test Utils

Clase 4 de 12 • Curso de Testing con Vue.js 2

Clase anteriorSiguiente clase

¿Qué necesito para probar mi proyecto de Vue?

Para poder empezar con el curso, es necesario contar con los siguientes requisitos:

  • Tener NPM instalado (v5 en adelante)

  • Contar con Vue instalado (v4 en adelante)

  • Contar con Vue Test Utils instalado

Así de sencillo, solamente debemos contar con esas 2 cosas, en caso de no tenerlas lo único que debemos hacer es:

Para NPM

  1. Entramos a la página de Node

  2. Descargamos la versión recomendada.

30.png

En mi caso es la 12.16.1

  1. Seguimos los pasos del instalador

29.png

  1. Comprobamos que se haya instalado node, con este comando en nuestra línea de comandos.

node -v

28.png

Debe de salirnos la versión que descargamos

  1. Hacemos el paso anterior para NPM también

npm -v

27.png

Para VUE

  1. Escribimos en nuestra línea de comandos el siguiente comando

npm install -g @vue/cli

  1. Después que termine de instalarse, escribimos:

vue --version

26.png

Para Vue Test Utils

Al contar con los prerequisitos, podemos hacer pleno uso de las herramientas creadas para Vue, como lo es Vue Test Utils.

Antes de instalar Vue Test Utils, necesitamos un proyecto de Vue, el proyecto con el que vamos a estar trabajando es el siguiente

  1. Clonamos el repositorio en la ubicación que queramos

  2. Después de tener el proyecto clonado nos posicionamos en la carpeta donde está el package.json

1

(En mi caso es esa la ruta, debe ser la raíz donde están todos tus archivos)

y ponemos el siguiente comando en la línea de comandos

vue add @vue/unit-jest

25.png

Debe de salirnos algo así al final de la instalación

**¡¡Listo !!, ya estamos preparados para empezar a trabajar en nuestras pruebas.

Cuéntame en los comentarios si tuviste algún problema y si te tomo más de 15 min, el preparar todo lo que necesitabas para empezar a codear pruebas como todo pro.