test: add universal routing tests + clean up output

danielroe · danielroe · commit 64178b6f4bd9 · 2025-05-17T13:01:14.000+02:00
diff --git a/package.json b/package.json
@@ -29,7 +29,7 @@
     "test:fixtures": "pnpm test:prepare && vitest run --project fixtures",
     "test:fixtures:dev": "TEST_ENV=dev pnpm test:fixtures",
     "test:fixtures:webpack": "TEST_BUILDER=webpack pnpm test:fixtures",
-    "test:runtime": "vitest run --project nuxt",
+    "test:runtime": "vitest run --project nuxt --project nuxt-universal",
     "test:types": "pnpm --filter './test/fixtures/**' test:types",
     "test:unit": "vitest run --project unit",
     "test:attw": "pnpm --filter './packages/**' test:attw",
diff --git a/test/nuxt/client-only.test.ts b/test/nuxt/client-only.test.ts
@@ -25,8 +25,8 @@ describe('client pages', () => {
     `)
   })
 
-  it('createClient should retrieve attributes with useAttrs()', async () => {
-    const wrapper = await mountSuspended(createClientOnly(Client as ComponentOptions), {
+  it('createClient should retrieve attributes with useAttrs()', () => {
+    const wrapper = mount(createClientOnly(Client as ComponentOptions), {
       attrs: {
         id: 'client',
       },
diff --git a/test/nuxt/composables.test.ts b/test/nuxt/composables.test.ts
@@ -374,7 +374,6 @@ describe('useAsyncData', () => {
   it('should be refreshable with force and cache', async () => {
     await useAsyncData(uniqueKey, () => Promise.resolve('test'), {
       getCachedData: (key, nuxtApp, ctx) => {
-        console.log(key, ctx.cause)
         return ctx.cause
       },
     })
@@ -652,7 +651,6 @@ describe('useAsyncData', () => {
   it('duplicate calls are not made after first call has finished', async () => {
     const handler = vi.fn(() => Promise.resolve('hello'))
     const getCachedData = vi.fn((key: string, nuxtApp: NuxtApp) => {
-      console.log(nuxtApp.payload.data[key] ? 'has data' : 'does not have data')
       return nuxtApp.payload.data[key]
     })
 
diff --git a/test/nuxt/error-boundary.test.ts b/test/nuxt/error-boundary.test.ts
@@ -1,6 +1,6 @@
 /// <reference path="../fixtures/basic/.nuxt/nuxt.d.ts" />
 
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it, vi } from 'vitest'
 
 import { mount } from '@vue/test-utils'
 import { NuxtErrorBoundary } from '#components'
@@ -21,6 +21,8 @@ describe('NuxtErrorBoundary', () => {
 
   it('should handle error state', async () => {
     let thrown = false
+    // suppress Vue warning: [Vue warn]: Component is missing template or render function:
+    vi.spyOn(console, 'warn').mockImplementation(() => {})
     const el = mount({
       setup () {
         return () => h('div', {}, h(NuxtErrorBoundary, {}, {
@@ -44,5 +46,6 @@ describe('NuxtErrorBoundary', () => {
     await el.find('button').trigger('click')
     expect(el.html()).toMatchInlineSnapshot(`"<div><span>default</span></div>"`)
     el.unmount()
+    vi.resetAllMocks()
   })
 })
diff --git a/test/nuxt/universal/router.test.ts b/test/nuxt/universal/router.test.ts
@@ -0,0 +1,16 @@
+import { describe, expect, it } from 'vitest'
+
+describe('universal router', () => {
+  it('should provide a route', () => {
+    expect(useRoute()).toMatchObject({
+      fullPath: '/',
+      hash: '',
+      matched: expect.arrayContaining([]),
+      meta: {},
+      params: {},
+      path: '/',
+      query: {},
+      redirectedFrom: undefined,
+    })
+  })
+})
diff --git a/vitest.config.ts b/vitest.config.ts
@@ -1,6 +1,6 @@
 import { resolve } from 'pathe'
 import { defineVitestProject } from '@nuxt/test-utils/config'
-import { configDefaults, coverageConfigDefaults, defineConfig } from 'vitest/config'
+import { configDefaults, coverageConfigDefaults, defaultExclude, defineConfig } from 'vitest/config'
 import { isCI, isWindows } from 'std-env'
 import { getV8Flags } from '@codspeed/core'
 import codspeedPlugin from '@codspeed/vitest-plugin'
@@ -54,10 +54,23 @@ export default defineConfig({
           exclude: [...configDefaults.exclude, 'test/e2e/**', 'e2e/**', 'nuxt/**', '**/test.ts', '**/this-should-not-load.spec.js'],
         },
       },
+      await defineVitestProject({
+        test: {
+          name: 'nuxt-universal',
+          dir: './test/nuxt/universal',
+          environment: 'nuxt',
+          environmentOptions: {
+            nuxt: {
+              overrides: { pages: false },
+            },
+          },
+        },
+      }),
       await defineVitestProject({
         test: {
           name: 'nuxt',
           dir: './test/nuxt',
+          exclude: [...defaultExclude, '**/universal/**'],
           environment: 'nuxt',
           setupFiles: ['./test/setup-runtime.ts'],
           environmentOptions: {
