chore: add getAuth tests

Author: wobsoriano

integration/templates/tanstack-react-router/package.json

@@ -9,9 +9,9 @@
     "start": "vite"
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.121.27",
-    "@tanstack/react-router-devtools": "^1.121.27",
-    "@tanstack/router-plugin": "^1.121.27",
+    "@tanstack/react-router": "^1.128.0",
+    "@tanstack/react-router-devtools": "^1.128.0",
+    "@tanstack/router-plugin": "^1.128.0",
     "react": "18.3.1",
     "react-dom": "18.3.1"
   },

integration/templates/tanstack-react-start/package.json

@@ -8,9 +8,9 @@
     "start": "vite start --port=$PORT"
   },
   "dependencies": {
-    "@tanstack/react-router": "^1.121.27",
-    "@tanstack/react-router-devtools": "^1.121.27",
-    "@tanstack/react-start": "^1.121.28",
+    "@tanstack/react-router": "^1.128.0",
+    "@tanstack/react-router-devtools": "^1.128.0",
+    "@tanstack/react-start": "^1.128.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "tailwind-merge": "^2.5.4"

integration/templates/tanstack-react-start/src/routes/user.tsx

@@ -0,0 +1,29 @@
+import { createFileRoute, redirect } from '@tanstack/react-router';
+import { createServerFn } from '@tanstack/react-start';
+import { getAuth } from '@clerk/tanstack-react-start/server';
+import { getWebRequest } from '@tanstack/react-start/server';
+
+const fetchClerkAuth = createServerFn({ method: 'GET' }).handler(async () => {
+  const request = getWebRequest();
+  if (!request) throw new Error('No request found');
+
+  const { userId } = await getAuth(request);
+
+  return {
+    userId,
+  };
+});
+
+export const Route = createFileRoute('/')({
+  component: Page,
+  beforeLoad: async () => await fetchClerkAuth(),
+  loader: async ({ context }) => {
+    return { userId: context.userId };
+  },
+});
+
+function Page() {
+  const state = Route.useLoaderData();
+
+  return state.userId ? <h1>Welcome! Your ID is {state.userId}!</h1> : <h1>You are not signed in</h1>;
+}

integration/tests/tanstack-start/basic.test.ts

@@ -1,3 +1,4 @@
+import type { User } from '@clerk/backend';
 import { expect, test } from '@playwright/test';
 
 import { appConfigs } from '../../presets';
@@ -16,6 +17,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withEmailCodes] })(
     test.describe.configure({ mode: 'parallel' });
 
     let fakeUser: FakeUser;
+    let bapiUser: User;
 
     test.beforeAll(async () => {
       const u = createTestUtils({ app });
@@ -24,7 +26,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withEmailCodes] })(
         withPhoneNumber: true,
         withUsername: true,
       });
-      await u.services.users.createBapiUser(fakeUser);
+      bapiUser = await u.services.users.createBapiUser(fakeUser);
     });
 
     test.afterAll(async () => {
@@ -72,6 +74,25 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withEmailCodes] })(
       expect(clerkInitialState !== undefined).toBeTruthy();
     });
 
+    test('getAuth() works inside server functions', async ({ page, context }) => {
+      const u = createTestUtils({ app, page, context });
+
+      await u.page.goToRelative('/user');
+
+      await expect(u.page.getByText('You are not signed in')).toBeVisible();
+
+      await u.po.signIn.goTo();
+
+      await u.po.signIn.setIdentifier(fakeUser.email);
+      await u.po.signIn.setPassword(fakeUser.password);
+      await u.po.signIn.continue();
+      await u.po.expect.toBeSignedIn();
+
+      await u.page.goToRelative('/user');
+
+      await expect(u.page.getByText(`Welcome! Your ID is ${bapiUser.id}!`)).toBeVisible();
+    });
+
     test('clerk handler sets headers', async ({ page, context }) => {
       const u = createTestUtils({ app, page, context });
       const r = await u.po.signIn.goTo();