global vikePageContext

scripts/tests/mock.vikePageContext.ts

@@ -0,0 +1,8 @@
+import { config } from '@vue/test-utils'
+
+import { vikePageContext } from '#context/usePageContext'
+
+config.global.provide = {
+  ...config.global.provide,
+  [vikePageContext as symbol]: { urlPathname: '/some-url' },
+}

src/components/VikeBtn.test.ts

@@ -2,8 +2,6 @@ import { mount } from '@vue/test-utils'
 import { navigate } from 'vike/client/router'
 import { describe, it, expect, beforeEach, vi } from 'vitest'
 
-import { vikePageContext } from '#context/usePageContext'
-
 import VikeBtn from './VikeBtn.vue'
 
 vi.mock('vike/client/router')
@@ -12,7 +10,6 @@ vi.mocked(navigate).mockResolvedValue()
 describe('VikeBtn', () => {
   const Wrapper = () => {
     return mount(VikeBtn, {
-      global: { provide: { [vikePageContext as symbol]: { urlPathname: '/some-url' } } },
       attrs: { href: '/some-path' },
     })
   }

vitest.config.ts

@@ -8,7 +8,7 @@ export default mergeConfig(
     test: {
       globals: true,
       environment: 'happy-dom',
-      setupFiles: ['scripts/tests/mock.$t.ts', 'scripts/tests/plugin.vuetify.ts'],
+      setupFiles: ['scripts/tests/mock.$t.ts', 'scripts/tests/mock.vikePageContext.ts', 'scripts/tests/plugin.vuetify.ts'],
       coverage: {
         all: true,
         include: ['src/**/*.{js,jsx,ts,tsx,vue}'],