Vue test-utils：在包装器上触发右键单击事件

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)

在上面的代码中，我能够触发鼠标单击但不能触发鼠标右键单击。我试图用 'click.right' 和 'contextmenu' 触发所需的，但没有任何运气。

关于如何触发右键单击的任何想法。官方文档中没有提到这个。

Answer 1

确实...wrapper.trigger('contextmenu') 有效。我的代码有问题我认为右键单击没有被触发

@ittus 感谢 link https://github.com/ittus/VueJS-Training/blob/master/vue-test-utils/test.js

希望这对某些人有所帮助，因为在官方文档中找不到触发右键单击的方法

Vue test-utils：在包装器上触发右键单击事件

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

unit-testing

vue.js

vue-test-utils