the way to aviod injection "Symbol(router)" not found in @testing-library/vue

[Fallsleep]

If use in @testing-library/vue, shoud follow @testing-library/vue vue-router example adding router as plugins to render function.

Otherwise you'll get injection "Symbol(router)" not found when calling useRouter() in component setup.

Here's example code:

<script setup lang="ts"> // Demo.vue import { useRouter } from 'vue-router';  const router = useRouter(); function navigate() {  router.push('/'); } </script> <template> <button @click="navigate()">Home</button> </template> 

// vitest.setup.ts const router = createRouterMock() beforeEach(() => { injectRouterMock(router) }) afterEach(() => { vi.restoreAllMocks() }) config.plugins.VueWrapper.install(VueRouterMock)

// demo.test.ts import { pinaRouterPlugin } from '@/store' import { createTestingPinia } from '@pinia/testing' import { render } from '@testing-library/vue' import { getRouter } from 'vue-router-mock' import Demo from '@/demo.vue' describe('demo', () => { beforeEach(() => { const router = getRouter() render(Demo, { global:{ plugins: [ router, createTestingPinia({ stubActions: false, plugins:[pinaRouterPlugin(router)] }) ] } }) }) it('snapshot', () => { expect(document.body).toMatchSnapshot() }) })

pinaRouterPlugin see #181