/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

0 vote188 views1 answer
One component to another component in vuejs trigger function
Javascript Vue
7 votes193 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote175 views1 answer
Show conditional header based on url in vue js
Javascript Vue
1 vote217 views1 answer
Vue directive parameter
Javascript Vue
2 votes201 views2 answers
Add params to url vue
Javascript Vue
0 vote182 views2 answers
Javascript vue.js right click
Javascript Vue
2 votes193 views4 answers
Scroll to top vue
Javascript Vue
0 vote182 views1 answer
Vue.js use scss in balise style
Javascript Vue
11 votes172 views2 answers
Vue nextTick
Javascript Vue
0 vote184 views1 answer
Find element by object field vuejs
Javascript Vue