En este video añadiremos acciones y mutaciones a nuestra store. También comprobaremos con Jest que las diferentes mutaciones cambien el estado de la manera esperada y que, a su vez, las diferentes acciones llamen a sus correspondientes mutaciones.
Regístrate para ver ésta y cientos de lecciones exclusivas.
vue-paginate es un plugin de Vue.js que nos permite agregar paginación a nuestras aplicaciones. El funcionamiento de vue-paginate es muy simple: le das un arreglo de elementos, indicas cuántos quieres mostrar por página y obtienes una lista de elementos paginados.
En la lección anterior probamos unitariamente el state y los getters de nuestra pequeña store. En este video integraremos esta store en nuestro componente TodoList.vue y comprobaremos que hacemos uso de ésta. Lo conseguiremos inyectando el objeto $store dentro del componente a través de mocks.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección crearemos una pequeña store de Vuex en nuestra aplicación. Nos aseguraremos a través de las pruebas de que en el state se inicializan los valores por defecto que esperamos y también que los getters devuelvan los valores correctos.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Ahora que ya sabemos cómo crear stubs y mocks con vue-test-utils, vamos a montar un router real en nuestra aplicación. Crearemos una prueba que compruebe, a través de un stub, que router-link apunte hacia la ruta correcta. Además escribiremos otra prueba que compruebe, en el componente de destino de la ruta, que se esté haciendo un uso adecuado de los parámetros que recibe de ésta.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Es difícil pensar en promesas, callbacks, etc. cuando nos enfrentamos a funciones asíncronas. async / await nos facilita la lectura de nuestras pruebas ya que nos permite escribir código síncrono con funciones que no lo son. En esta lección aprenderemos a utilizarlo.
Regístrate para ver ésta y cientos de lecciones exclusivas.
En ocasiones importamos librerías de terceros, como axios, que no son Plugins de vue. Por ello no podríamos usar el objeto mocks de vue-test-utils como vimos en la lección anterior. Estas librerías externas no son inyectadas en nuestro componente por lo que necesitamos una forma de sustituir su implementación real por otra. Lo conseguiremos con mock de Jest.
Regístrate para ver ésta y cientos de lecciones exclusivas.
VuePress es un generador de sitios estáticos desarrollado por Evan You, el creador de Vue.js, originalmente pensado para escribir la documentación de los propios proyectos de Vue. Un sitio en VuePress es en realidad una SPA (Single-Page Application) que utiliza Vue, Vue Router y webpack como base.
Cuando utilizamos librerías de terceros, como puede ser vue-router, necesitamos interactuar con propiedades de estos plugins en nuestros componentes. Para tener acceso a ellos debemos decirle a Vue que los use. En esta lección explicaremos la importancia de usar localVue en lugar de la instancia general de Vue a la hora de probar los plugins. También cómo podemos sustituir estas propiedades usando el objeto mocks de la configuración.
Regístrate para ver ésta y cientos de lecciones exclusivas.
Cuando usamos slots en nuestros componentes, necesitamos indicarle a nuestros tests qué estamos pasando como contenido para después comprobar que el slot se esté mostrando. Para conseguir esto vamos a utilizar la opción slots de configuración de mount.
Regístrate para ver ésta y cientos de lecciones exclusivas.