Unit Testing VueRouter with the :to Attribute - jestjs

Question

I have a simple test case (Vue 2, Vuetify 2, vue-router, jest, vue-test-utils) where a Vuetify v-btn component is clicked and goes to a new route
<v-btn id="create-plan-btn" :to="{ 'name': 'newPlan', query: { dept: 216001 }}">Create plan</v-btn>
However, I am unable to figure out how to register a click method that captures the :to property's action.
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 }})
})
})
● when "Create Plan button is clicked › triggers Vue router call to
the new plan page
expect(jest.fn()).toHaveBeenCalledTimes(expected)
Expected number of calls: 1
Received number of calls: 0
Note that changing push to to doesn't make any difference in the above code either.
The test does succeed, however, if I change my to use a #click callback instead:
// 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 }});
}
Is there a way to modify this test that allows the :to prop to be captured on the click? I've tried to at least make sure the content of the :to prop is visible in the test, but I only ever get [object Object] sent back to me:
expect(button.attributes('to').toString()).toEqual({ name: 'newPlan', query: { dept: 216001 }})
Expected: {"name": "newPlan", "query": {"dept": 216001}}
Received: "[object Object]"