Introducción
Conocimientos previos y qué aprenderás sobre testing en Vue.js
¿Qué son las pruebas?
Código sin pruebas vs. código con pruebas
¿Qué necesito para probar mi proyecto de Vue?
Entendiendo las pruebas
¿Qué debo de probar en mi proyecto de Vue?
Herramientas de desarrollo
¿Qué es Vue Test Utils?
¿Qué es Jest?
Desarrollo de pruebas
¿Cómo aplicar TDD en Vue?
Planeación de pruebas
Pruebas unitarias con Vue
Pruebas de integración con Vue
Tips y buenas prácticas
Mejores prácticas y tips para hacer pruebas en Vue
Como los masters en programación que somos, sabemos que todo el tiempo se están creando nuevas herramientas que nos ayudan a desarrollar mejor software de la mejor manera.
...
Regístrate o inicia sesión para leer el resto del contenido.
Aportes 6
Preguntas 1
Funcion mount, recibe un componente y options
mount(Component, opts)
vm = Component, es la instancia de Vue
vm.$data = Object, este elemento es la priopiedad data donde estan nuestro estado
vm.$props = Object, son las props que recibe el component
vm.$el = Element, el elemneto raiz del DOM, el cual esta manejando Vue
vm.$children = Array<Vue instance> = Array de las instancias de los nodos hijos del componente.
Para no tener que correr el comando
npm run test:unit
cada vez que quieren ver el resultado de las pruebas pueden agregar esta configuracion el package.json en la linea 8 donde esta esto
"test:unit": "vue-cli-service test:unit",
cambiarlo por esto
"test:unit": "vue-cli-service test:unit --watch",
Excelente, ¿Me habré perdido de una clase?, lo pregunto porque se mencionó que partiendo de un código que se descargo previamente desde el repo del proyecto del curso, pero en ningun momento he visto que iniciaramos o clonaramos dicho repositorio en nuestro entorno local, si alguien me corrige mil gracias.
Cómo podría aplicar esto pero usando Nuxt?
vm es un mundo desconocido, vi mucha propiedades interesantes que me dan curiosidad, como por ejemplo _renderProxy, _self o $root. Excelente clase.
Increíble, la única propiedad que no conocía era la de $children jaja
Básicamente lo que hacemos es importar mount y nuestro componente, el cual nos devolverá un wrapper y ese wrapper contiene una instancia de Vue de nuestro componente el cual nos ayudará a correr las pruebas
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?