¿Cómo puedo probar la navegación real que ocurre cuando un usuario hace clic en el enlace de un enrutador? Por ejemplo, espero que se renderice el componente vinculado, pero solo cambia la ruta, mientras que el componente renderizado no cambia.

En el siguiente fragmento, confío en un componente de Signup que incluye un enlace de enrutador a la ruta de /login de sesión. Vea las líneas comentadas para entender mi intención:

 test.only('navigates to login page when login btn is clicked', async () => { const TestLogin = { template: '<h1>Login page</h1>', } const routes = [{ path: '/login', name: 'Home', component: TestLogin }] const router = new VueRouter({ routes }) localVue.use(VueRouter) const { getByText } = render(Signup, { localVue, router, vuetify, }) const btn = getByText('go to login') await fireEvent.click(btn) expect(router.history.current.fullPath).toBe('/login') <----- this passes await findByText('Login page') <-------- this fails! })

¿Por qué no se representa el componente TestLogin cuando se hace clic en el vínculo? La navegación funciona en la actualidad, es decir, cuando ejecuto la aplicación normalmente.