Preparación para pruebas de proyectos Vue con NPM y Vue Test Utils
Clase 4 de 12 • Curso de Testing con Vue.js 2
Contenido del curso
¿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
-
Entramos a la página de Node
-
Descargamos la versión recomendada.
En mi caso es la 12.16.1
- Seguimos los pasos del instalador
- Comprobamos que se haya instalado node, con este comando en nuestra línea de comandos.
node -v
Debe de salirnos la versión que descargamos
- Hacemos el paso anterior para NPM también
npm -v
Para VUE
- Escribimos en nuestra línea de comandos el siguiente comando
npm install -g @vue/cli
- Después que termine de instalarse, escribimos:
vue --version
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
-
Clonamos el repositorio en la ubicación que queramos
-
Después de tener el proyecto clonado nos posicionamos en la carpeta donde está el
package.json
(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
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.