Prueba de eventos: ejecutando acciones en el componente
Contenido del curso
Montando un componente
Acciones y mocks
Un paso adicional
Cierre
Prueba de eventos: ejecutando acciones en el componente
Contenido del curso
Prueba de eventos: ejecutando acciones en el componente
Emilio Bonmatí
Estudiante
Carlos Falconi
EstudianteHola! Hice el test pata el button increment with value y este fue my resultado:
it('button incrementWith clicked should increment the state and it should be rendered with the input value', async () => { const wrapper = shallowMount(HelloWorld) const component = wrapper.find('#but-increment-value'); const input =wrapper.find('#input-increment') input.setValue(5) await component.trigger('click') expect(wrapper.find('#header-counter').text()).toBe('counter: 5') expect(wrapper.vm.inputValue).toBe("5") })
:)
Mi aporte, hay que entender bien el funcionamiento del contador para realizar la prueba; entonces el incremento con valor hará que el contador empiece en 0 y siga sumando según el valor propuesto, en este caso como ejemplo se coloca un 5, al hacer el primer clic el valor será 5, después 10 y así sucesivamente de 5 en 5.
La prueba lleva dos eventos de clic para verificar que llegue al 10.
describe('test on button value increment on hello world', ()=>{ it('check value input setting and its click event', async()=>{ const wrapper = shallowMount(HelloWorldVue); const component = wrapper.find('#but-increment-value'); const inputComponent = wrapper.find('#input-increment'); inputComponent.setValue(5); expect(wrapper.vm.inputValue).toBe('5'); await component.trigger('click'); await component.trigger('click'); expect (wrapper.find('#header-counter').text()).toBe('counter: 10'); expect(wrapper.vm.counter).toBe(10); }) })