/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 vote143 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
2 votes159 views1 answer
Acces store from vue console javascript
Javascript Vue
0 vote160 views1 answer
Vuejs typescript can't access data
Javascript Vue
0 vote163 views1 answer
Infinite scrolling firestore vuejs
Javascript Vue
0 vote146 views1 answer
How to pass a parameter to Vue @click event handler
Javascript Vue
0 vote179 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
0 vote144 views1 answer
Vue minify images
Javascript Vue
0 vote147 views1 answer
Vue js app component
Javascript Vue
21 votes360 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
11 votes155 views2 answers
Go to next route vuejs
Javascript Vue