/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

2 votes130 views2 answers
Access data out of Axios .then vue.js
Javascript Vue
1 vote126 views2 answers
Vue settimeout in computed
Javascript Vue
16 votes263 views4 answers
Vue class add if
Javascript Vue
0 vote166 views1 answer
Vue js attribute binding
Javascript Vue
0 vote111 views1 answer
Vue cli debugger
Javascript Vue
0 vote113 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
62 votes235 views4 answers
How to install vue
Javascript Vue
5 votes107 views6 answers
Vue v-for object
Javascript Vue
2 votes115 views1 answer
How to run vue js project on different port
Javascript Vue
0 vote125 views1 answer
Vuerouter route grouping
Javascript Vue