Mocking useRouter and useRoute

currently you can get the router and current route with useRouter and useRoute functions and are not accessible with $router and $route functions. The docs are therefor outdated with Vue 3 (https://vue-test-utils.vuejs.org/v2/guide/vue-router.html#using-a-mock-router). Is there a way to mock the router?

<script lang="ts">
import { defineComponent, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';

export default defineComponent({
  setup() {
    const router = useRouter();
    const route = useRoute();
  },
});

[Stijn98s]

Thanks for the Example!

i am using this for now.

const routerPushMock = jest.fn();

jest.mock('vue-router', () => ({
  useRouter: () => ({
    push: routerPushMock,
  }),
}));

describe('test', () => {
  beforeEach(() => {
    jest.resetAllMocks();
  });

  it('test router pushes, async () => {
    const wrapper = mount(Test);

    expect(routerPushMock).toBeCalledWith({ name: 'dashboard' });
  });
});

[lmiller1990]

I am also using the mock strategy, either making a simple router myself with jest.fn or jest.mock('vue-router', .....). Here is an example: https://github.com/lmiller1990/vuejs-composition-course/blob/412a46d48bf0624ed523567b05424aa16c48d67e/src/NewPost.spec.ts#L8

We are working on a mock router, but it is not ready for usage yet.

Is there any action to be taken for this issue?