Tengo un gancho onMounted() en la función setup() de mi componente que accede a la $route.params property , pero cuando me burlo del objeto $route en mi prueba, $route no está undefined en el gancho onMounted() , por lo que arroja un error . aquí está el código

Componente.vue:

 <template> <div>{{ this.$route.params.id }}</div> </template> <script lang="ts"> import {defineComponent, onMounted} from 'vue' import {useRoute} from "vue-router"; export default defineComponent({ name: 'Component', setup() { const route = useRoute() onMounted(() => { console.log(route.params.id) }) return {} } }) </script>

Componente.spec.ts:

 import {mount} from "@vue/test-utils"; import Component from "@/views/Bundle/Component.vue"; test('test description', async () => { const mockRoute = { params: { id: 1 } } const mockRouter = { push: jest.fn() } const wrapper = mount(Component, { global: { mocks: { $route: mockRoute, $router: mockRouter } } }) await wrapper.find('button').trigger('click') })

Error lanzado: TypeError: no se puede leer la propiedad 'parámetros' de indefinido

Estoy usando la versión 2.0.0-rc.12 de vue-test-utils.

Cualquier ayuda sería muy apreciada