Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

179
Vistas
Cómo actualizar el valor con emitir en calculado con setter VUE + JEST

Hola, tengo un componente que obtiene el "acceso" de la propiedad y una propiedad calculada en un setter cuando cambia el acceso. Llamo a esto. "acceso". El problema es que mis pruebas fallan cuando necesita cambiar esta propiedad.

Si uso wrapper.setData({ accessComputed: 2 }) nada actualizado Si uso wrapper.setData({ access: 2 }) Tengo un error con los accesorios de mutación ¿Quizás esté relacionado con .sync? estare agradecido por cualquier ayuda

componente hijo

 props:{ access:{ type: Number, required: true }, }, computed:{ accessComputed:{ get() { return this.access }, set(val) { this.$emit('update:access', val) } }, }, methods:{ changeTypeAccess(){ this.$nextTick(() => { switch (this.accessComputed){ case 2: this.generatePassword() break; case 3: this.generateLink() break; } }); } }

padre

 <AccessType :access.sync="access" />

especificación de prueba

 import { shallowMount, createLocalVue } from "@vue/test-utils" import AccessType from '../../assets/components/AccessType' const localVue = createLocalVue() describe('testing access type component', () => { let wrapper; beforeEach(() => { wrapper = shallowMount(AccessType, { localVue, propsData: { access: 1, }, computed: { accessComputed:{ get() { return this.access; }, set(val) { this.$emit('update:password', val) } }, } }) }); test('test call diff methods by change type access', async () => { let generatePasswordSpy = jest.spyOn(wrapper.vm, 'generatePassword') let generateLinkSpy = jest.spyOn(wrapper.vm, 'generateLink') wrapper.setData({ accessComputed: 2 }) wrapper.vm.changeTypeAccess() await wrapper.vm.$nextTick() expect(generatePasswordSpy).toHaveBeenCalled() wrapper.setData({ access: 3 }) wrapper.vm.changeTypeAccess() await wrapper.vm.$nextTick() expect(generateLinkSpy).toHaveBeenCalled() }) })
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda