/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

1 vote188 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
4 votes174 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote192 views1 answer
Js vue array change position
Javascript Vue
5 votes179 views1 answer
Comment in vue js
Javascript Vue
0 vote171 views2 answers
Navbar route with params vue
Javascript Vue
0 vote240 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
-1 vote213 views2 answers
Call a function of another component vue
Javascript Vue
0 vote210 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote179 views1 answer
Vuejs form prevent default event
Javascript Vue
0 vote178 views2 answers
Ionic vue electron
Javascript Vue