La doc de la API de Wrapper para vue-test-utils
Introducción
¿Por qué hacer testing en Vue.js?
Tipos de testing en Vue.js
Proyecto del curso: QR Generator App
Montando un componente
¿Qué se debe testear en Vue.js? Vue App y Vue Test
Una caja de arena: tu primera prueba en Vue.js
Probando dependencias de Vue
Shallow mount vs. mount
Wrapper: probando elementos y estados
Acciones y mocks
Prueba de eventos: ejecutando acciones en el componente
Mocks en Vue.js: interceptando funciones
Prueba de eventos emitidos entre múltiples componentes
Testing de UI: probando estados de la interfaz
Un paso adicional
Vue Test Coverage
Cierre
¿Quieres más cursos de testing en Vue?
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Maria Camila Lenis
Aportes 2
Preguntas 2
La doc de la API de Wrapper para vue-test-utils
.
wrapper.vm
es una propiedad proporcionada por vue-test-utils
que permite acceder a la instancia del componente Vue encapsulado por el wrapper.
.
La instancia del componente Vue proporciona acceso a todas las propiedades, métodos y eventos definidos en el componente, lo que permite realizar pruebas más avanzadas y detalladas. Al acceder a la instancia del componente Vue a través de wrapper.vm
, podemos interacturar con ella directamente y realizar comprobaciones sobre su estado y comportamiento.
.
A continuación se muestra algunos ejemplos de lo que se puede hacer con wrapper.vm
:
// Acceder a una propiedad
const propValue = wrapper.vm.myProp;
// Modificar una propiedad
wrapper.vm.myProp = 'new value';
// Llamar a un método sin argumentos
wrapper.vm.myMethod();
// Llamar a un método con argumentos
wrapper.vm.myMethod('arg1', 'arg2');
// Disparar un evento en el componente Vue
wrapper.vm.$emit('my-event', eventData);
// Acceder al estado del componente Vue
const myState = wrapper.vm.$data.myState;
// Comprobar que una propiedad del componente Vue tenga un valor específico
expect(wrapper.vm.myProp).toBe('expected value');
// Comprobar que un método del componente Vue devuelve un valor esperado
expect(wrapper.vm.myMethod()).toBe('expected value');
// Comprobar que el componente Vue ha emitido un evento específico
expect(wrapper.emitted('my-event')).toBeTruthy();
// Comprobar que el componente Vue ha actualizado su estado correctamente
expect(wrapper.vm.$data.myState).toBe('expected value');
.
En resumen, wrapper.vm
proporciona acceso directo a la instancia del componente Vue encapsulado por el wrapper, lo que permite interacturar con él directamente y realizar pruebas avanzadas y detalladas sobre su estado y comportamiento.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?