test(clerk-js): Add tests for OrganizationProfile custom pages

packages/clerk-js/src/ui/components/OrganizationProfile/__tests__/OrganizationProfile.test.tsx

@@ -1,3 +1,4 @@
+import type { CustomPage } from '@clerk/types';
 import { describe, it } from '@jest/globals';
 import React from 'react';
 
@@ -19,4 +20,37 @@ describe('OrganizationProfile', () => {
     expect(getByText('Members')).toBeDefined();
     expect(getByText('Settings')).toBeDefined();
   });
+
+  it('includes custom nav items', async () => {
+    const { wrapper, props } = await createFixtures(f => {
+      f.withOrganizations();
+      f.withUser({ email_addresses: ['[email protected]'], organization_memberships: ['Org1'] });
+    });
+
+    const customPages: CustomPage[] = [
+      {
+        label: 'Custom1',
+        url: 'custom1',
+        mount: () => undefined,
+        unmount: () => undefined,
+        mountIcon: () => undefined,
+        unmountIcon: () => undefined,
+      },
+      {
+        label: 'ExternalLink',
+        url: '/link',
+        mountIcon: () => undefined,
+        unmountIcon: () => undefined,
+      },
+    ];
+
+    props.setProps({ customPages });
+
+    const { getByText } = render(<OrganizationProfile />, { wrapper });
+    expect(getByText('Org1')).toBeDefined();
+    expect(getByText('Members')).toBeDefined();
+    expect(getByText('Settings')).toBeDefined();
+    expect(getByText('Custom1')).toBeDefined();
+    expect(getByText('ExternalLink')).toBeDefined();
+  });
 });

packages/clerk-js/src/ui/components/UserProfile/__tests__/UserProfile.test.tsx

@@ -1,8 +1,8 @@
+import type { CustomPage } from '@clerk/types';
 import { describe, it } from '@jest/globals';
 import React from 'react';
 
 import { bindCreateFixtures, render, screen } from '../../../../testUtils';
-import type { CustomPage } from '../../../utils';
 import { UserProfile } from '../UserProfile';
 
 const { createFixtures } = bindCreateFixtures('UserProfile');