Para terminar este Curso de Testing con Vue aplicaremos diseño a nuestra app de gestión de tareas. Para ello instalaremos Bootstrap y aplicaremos algunas de las clases de este framework en algunos componentes. Cuando tengamos un diseño mas o menos convincente realizaremos un test de snapshot para asegurarnos que este diseño es el que queremos y...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En el video anterior dejamos sin hacer la funcionalidad de marcar una tarea como no realizada. A través de una computed, vamos a lanzar una mutación de vuex u otra dependiendo del valor del checkbox. Esto lo conseguiremos sobreescribiendo el setter de la computed. Crearemos tests que comprueben esta lógica....
Regístrate para ver ésta y cientos de lecciones exclusivas.
Durante todo el curso hemos estado implementando funcionalidades a nuestra app de tareas sin abrir el navegador. ¿Creéis que todo estará funcionando? Vamos a montar el componente ToDoList en la raíz y aprovecharemos también para eliminar ciertos tests introductorios. Finalmente haremos un par de ajustes a la interfaz de usuario....
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección implementaremos las acciones que probamos en el video anterior. Cambiaremos nuestra prueba que llamaba al método deleteTask para que ahora se llame a la acción del store. También crearemos las funciones necesarias para agregar una tarea y completarla, llamando a sus correspondientes acciones....
Regístrate para ver ésta y cientos de lecciones exclusivas.
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.
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.
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...
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.
En la lección anterior aprendimos a comprobar que un componente padre muestra un componente hijo. En la mayoría de ocasiones no nos basta con probar su simple existencia, sino que también necesitamos comprobar que un componente se comunica de manera correcta con otro. En este video veremos cómo probar que las props que esperamos recibir...
Regístrate para ver ésta y cientos de lecciones exclusivas.