chore(repo): OrganizationSwitcher component tests (#4847)

Author: brkalow

.changeset/tiny-cups-change.md

@@ -0,0 +1,2 @@
+---
+---

integration/templates/next-app-router/src/app/organization-switcher/page.tsx

@@ -0,0 +1,9 @@
+import { OrganizationList, OrganizationSwitcher } from '@clerk/nextjs';
+
+export default function Page() {
+  return (
+    <div>
+      <OrganizationSwitcher fallback={<>Loading organization switcher</>} />
+    </div>
+  );
+}

integration/templates/next-app-router/src/app/page.tsx

@@ -1,12 +1,11 @@
-import { SignedIn, SignedOut, SignIn, UserButton, Protect, OrganizationSwitcher } from '@clerk/nextjs';
+import { SignedIn, SignedOut, SignIn, UserButton, Protect } from '@clerk/nextjs';
 import Link from 'next/link';
 import { ClientId } from './client-id';
 
 export default function Home() {
   return (
     <main>
       <UserButton fallback={<>Loading user button</>} />
-      <OrganizationSwitcher fallback={<>Loading organization switcher</>} />
       <ClientId />
       <SignedIn>SignedIn</SignedIn>
       <SignedOut>SignedOut</SignedOut>

integration/templates/react-vite/src/main.tsx

@@ -16,6 +16,7 @@ import Waitlist from './waitlist';
 import OrganizationProfile from './organization-profile';
 import OrganizationList from './organization-list';
 import CreateOrganization from './create-organization';
+import OrganizationSwitcher from './organization-switcher';
 
 const Root = () => {
   const navigate = useNavigate();
@@ -90,6 +91,10 @@ const router = createBrowserRouter([
         path: '/organization-list',
         element: <OrganizationList />,
       },
+      {
+        path: '/organization-switcher',
+        element: <OrganizationSwitcher />,
+      },
       {
         path: '/create-organization',
         element: <CreateOrganization />,

integration/templates/react-vite/src/organization-switcher/index.tsx

@@ -0,0 +1,9 @@
+import { OrganizationSwitcher } from '@clerk/clerk-react';
+
+export default function Page() {
+  return (
+    <div>
+      <OrganizationSwitcher fallback={<>Loading organization switcher</>} />
+    </div>
+  );
+}

integration/tests/components.test.ts

@@ -54,7 +54,7 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withEmailCodes] })('component
     },
     {
       name: 'OrganizationSwitcher',
-      path: '/',
+      path: '/organization-switcher',
       fallback: 'Loading organization switcher',
       protected: true,
     },