test: avoid browser dependency for pinia auth client

Author: onmax

test/pinia-setup-store.test.ts

@@ -1,5 +1,5 @@
 import { fileURLToPath } from 'node:url'
-import { $fetch, createPage, setup } from '@nuxt/test-utils/e2e'
+import { $fetch, setup } from '@nuxt/test-utils/e2e'
 import { describe, expect, it } from 'vitest'
 
 describe('pinia setup store auth regression', async () => {
@@ -10,11 +10,4 @@ describe('pinia setup store auth regression', async () => {
   it('renders setup stores that expose auth state and client facades', async () => {
     await expect($fetch('/')).resolves.toContain('Pinia Auth Store')
   })
-
-  it('keeps the forwarded auth client callable methods available on client', async () => {
-    const page = await createPage('/')
-
-    await expect(page.getByTestId('client-type').textContent()).resolves.toContain('Client type: object')
-    await expect(page.getByTestId('verification-type').textContent()).resolves.toContain('Verification type: function')
-  })
 })

test/use-user-session.test.ts

@@ -1,4 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { createPinia, defineStore, setActivePinia } from 'pinia'
 import { isReactive, isReadonly, isRef, reactive, ref, watch } from 'vue'
 
 interface SessionState {
@@ -549,6 +550,32 @@ describe('useUserSession hydration bootstrap', () => {
     expect(isStateLike((store.signUp as Record<string, unknown>).email)).toBe(false)
   })
 
+  it('keeps forwarded authClient methods callable in an actual Pinia setup store', async () => {
+    const rawClient = createDynamicAuthProxy({
+      useSession: mockClient.useSession,
+      getSession: mockClient.getSession,
+      signOut: mockClient.signOut,
+      signIn: createDynamicAuthProxy(),
+      signUp: createDynamicAuthProxy(),
+      $store: mockClient.$store,
+    })
+    activeClient = rawClient
+    setActivePinia(createPinia())
+
+    const useUserSession = await loadUseUserSession()
+    const useAuthStore = defineStore('auth-client-forwarding', () => {
+      const { client: authClient, ...auth } = useUserSession()
+      return { authClient, ...auth }
+    })
+    const store = useAuthStore()
+
+    expect(typeof store.authClient).toBe('object')
+    expect(typeof (store.authClient as Record<string, unknown>).sendVerificationEmail).toBe('function')
+    expect(isRef(store.authClient as unknown)).toBe(false)
+    expect(isReactive(store.authClient as unknown)).toBe(false)
+    expect(isReactive((store.authClient as Record<string, unknown>).sendVerificationEmail)).toBe(false)
+  })
+
   it('allows server-side auth method reads but still rejects invocation', async () => {
     setRuntimeFlags({ client: false, server: true })