/Javascript/Vue/Vue test utils emit from child component

Vue test utils emit from child component

How to test emited method from child component vue js

const stub = sinon.stub()
const wrapper = mount(ParentComponent)
 // just a simple assertion that your parent component's handler for input event was called
wrapper.setMethods({ methodToTest: sub })

// you can pass a component in `find()` method then trigger the component's event
wrapper.find(ChildComponent).trigger('input')

// assert if the listener was called
expect(stub.called).tobeTruthy()

Source: forum.vuejs.org

How to test emited method from child component vue js

<template>
  <div>
    <child-component ref="childRef" @custom="handleMethod" />
  </div>
</template>

const wrapper = mount(Component);
wrapper.vm.$refs.childRef.$emit('custom');

Source: forum.vuejs.org

Similar codes

3 votes60 views1 answer
Vue watch child component property
Javascript Vue
0 vote104 views1 answer
Vue.js function to always uppercase when the client input lowercase
Javascript Vue
0 vote106 views1 answer
Vuetify use selected value
Javascript Vue
0 vote121 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
0 vote94 views1 answer
How to securely post form data to api vuejs
Javascript Vue
1 vote97 views1 answer
Vue check if list is empty
Javascript Vue
10 votes101 views2 answers
Vuejs set default value for prop
Javascript Vue
3 votes109 views1 answer
Getter in action vuex
Javascript Vue
0 vote94 views1 answer
Vue js video call
Javascript Vue
6 votes95 views2 answers
Vue-cli-service
Javascript Vue