How to trigger an event in stub? [vue-test-utils]

Question

I'm trying to test a component event like this:

// template: <form @submit.prevent="save"></form>
const save = jest.fn()
const wrapper = mount(MyComponent, {methods: { save }})
wrapper.find('form').trigger('submit.prevent')
expect(save).toBeCalled() // Called successfully

Where the event calls a component method. It works very well
But if i use a custom component, the component method isn't called

// template: <my-custom-form @submit="save"></my-custom-form>
const save = jest.fn()
const wrapper = mount(MyComponent, {methods: { save }, stubs: ['my-custom-form']})
wrapper.find('my-custom-form-stub').trigger('submit')
expect(save).toBeCalled() // Expected mock function to have been called, but it was not called.

How to solve it?

Answer 1

From @writofmandamus, in the comments of the accepted answer, provided a more general use answer, since changing the event binding to .native may not be possible or desired.

You can emit an event from a component stub with:

wrapper.find('my-custom-component-stub').vm.$emit('custom-event');