Vue test-utils: Trigger right-click event on the Wrapper

Question

import { mount } from '@vue/test-utils'
import sinon from 'sinon'
import Foo from './Foo'

const clickHandler = sinon.stub()
const wrapper = mount(Foo, {
 propsData: { clickHandler }
})

//click works
wrapper.trigger('click')

// right click **doesn't** work
wrapper.trigger('click.right')

// contextmenu **doesn't** work either
wrapper.trigger('contextmenu')

expect(clickHandler.called).toBe(true)

In the above code i was able to trigger mouse click but not able to trigger mouse right-click. I have attempted to trigger the required with 'click.right' and 'contextmenu' without any luck.

any ideas on how to trigger right click. There is no reference of this in the official documentation.

How do you register contextmenu event in your Foo component? Is it on root element? I test with contextmenu event and it seems ok github.com/ittus/VueJS-Training/blob/master/vue-test-utils/… — ittus
– ittus, Commented May 12, 2018 at 3:42

Adi · Accepted Answer · 2018-05-12 07:03:40Z

1

Indeed...wrapper.trigger('contextmenu') works. There was a problem with my code I assumed right click was not getting triggered

@ittus thanks for the link https://github.com/ittus/VueJS-Training/blob/master/vue-test-utils/test.js

Hope this helps someone as triggering right click is not found in official docs

answered May 12, 2018 at 7:03

Adi

1273 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Maria Gileto Over a year ago

The link doesn't work

Collectives™ on Stack Overflow

Vue test-utils: Trigger right-click event on the Wrapper

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related