Vue test-utils：在 Wrapper 上触发右键事件答案

【问题标题】：Vue test-utils: Trigger right-click event on the WrapperVue test-utils：在 Wrapper 上触发右键事件
【发布时间】：2018-05-11 12:31:50
【问题描述】：

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' 触发所需的东西，但没有任何运气。

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

【问题讨论】：

如何在Foo 组件中注册contextmenu 事件？它在根元素上吗？我使用contextmenu 事件进行测试，似乎还可以github.com/ittus/VueJS-Training/blob/master/vue-test-utils/…

标签： unit-testing vue.js vue-test-utils

【解决方案1】：

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

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

希望这可以帮助某人，因为在官方文档中找不到触发右键

【讨论】：