我有一个简单的测试用例（Vue 2、Vuetify 2、vue-router、jest、vue-test-utils），其中单击了一个Vuetify v-btn组件并转到一个新的路由

<v-btn id="create-plan-btn" :to="{ 'name': 'newPlan', query: { dept: 216001 }}">Create plan</v-btn>

但是，我不知道如何注册一个捕获**：to**属性动作的click方法。

describe('when "Create Plan button is clicked', () => {
  const localVue = createLocalVue()
  let vuetify

  beforeEach(() => {
    vuetify = new Vuetify()
  })

  const $route = { path: '/student/index', name: 'studentLanding' }

  const mockRouter = {
    to: jest.fn(),
    push: jest.fn()
  }
  const wrapper = shallowMount(StudentLanding, {
    localVue,
    stubs: {'router-link': RouterLinkStub},
    mocks: {
      $route: $route,
      $router: mockRouter
    }
  })

  it('triggers Vue router call to the new plan page', async () => {
    const button = wrapper.find('#create-plan-btn')
    expect(button.exists()).toBe(true)
    expect(mockRouter.push).toHaveBeenCalledTimes(0)
    button.vm.$emit('click') // Vuetify buttons need "vm.$emit" to be triggered, not "trigger()" like a normal HTML button would
    await wrapper.vm.$nextTick()
    expect(mockRouter.push).toHaveBeenCalledTimes(1)
    expect(mockRouter.push).toHaveBeenCalledWith({ name: 'newPlan', query: { dept: 216001 }})
  })
})

●点击“创建计划"按钮时›触发Vue路由器调用新计划页面

expect(jest.fn()).toHaveBeenCalledTimes(expected)

Expected number of calls: 1
Received number of calls: 0

请注意，将push更改为to对上面的代码也没有任何影响。
但是，如果我将我的改为使用@click回调，测试*****会成功：

// Test succeeds with this code
<v-btn id="create-plan-btn" @click="redirect">Create plan</v-btn>

redirect () {
   this.$router.push({ name: 'newPlan', query: { dept: 216001 }});
}

有没有办法修改这个测试，让：to prop在点击时被捕获？我试着至少确保：to prop的内容在测试中可见，但是我只得到**[object Object]**的返回：

expect(button.attributes('to').toString()).toEqual({ name: 'newPlan', query: { dept: 216001 }})

预期：{“名称”：“新计划”，“查询”：{“部门”：216001}}接收日期：“[对象对象]”