Del curso: Vue avanzado 2

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Simulando interacciones con componentes en pruebas unitarias

Simulando interacciones con componentes en pruebas unitarias - Tutorial de Vue.js

Del curso: Vue avanzado 2

Simulando interacciones con componentes en pruebas unitarias

Utilizando las herramientas que ofrece Vue para crear pruebas unitarias podemos simular como si un usuario estoy interactuando con los componentes. Esto es muy útil, ya que nosotros podemos probar cómo reaccionaría un componente de acuerdo a ciertas interacciones del usuario. Por ejemplo, cuando se hace clic, "roll over" y demás. Por ejemplo, como en esta prueba que puedes ver aquí, yo aquí lo que quiero corroborar es que el 'Dialog' de editar el gasto se abra cuando yo hago clic en un botón de editar. Para probar esto primero yo obtengo todos los botones de editar dentro del componente utilizando la función 'all', que me devuelve un arreglo de todas las instancias de los botones. Luego utilizo la función 'trigger' y paso como parámetro el nombre del evento que quiero lanzar. Puedes notar que yo hago esta acción sobre una instancia dentro del arreglo de los botones. También es importante notar que esta es una operación asíncrona. Ya cuando esta operación ha terminado yo puedo…

Contenido