Implement tests

Author: LauraBeatris

packages/clerk-js/src/test/fixture-helpers.ts

@@ -344,6 +344,9 @@ const createOrganizationSettingsFixtureHelpers = (environment: EnvironmentJSON)
   const withOrganizationSlug = (enabled = false) => {
     os.slug.disabled = !enabled;
   };
+  const withOrganizationCreationDefaults = (enabled = false) => {
+    os.organization_creation_defaults.enabled = enabled;
+  };
 
   const withOrganizationDomains = (modes?: OrganizationEnrollmentMode[], defaultRole?: string) => {
     os.domains.enabled = true;
@@ -356,6 +359,7 @@ const createOrganizationSettingsFixtureHelpers = (environment: EnvironmentJSON)
     withOrganizationDomains,
     withForceOrganizationSelection,
     withOrganizationSlug,
+    withOrganizationCreationDefaults,
   };
 };
 

packages/ui/src/components/SessionTasks/tasks/TaskChooseOrganization/__tests__/TaskChooseOrganization.test.tsx

@@ -300,13 +300,81 @@ describe('TaskChooseOrganization', () => {
 
   describe('with organization creation defaults', () => {
     describe('when enabled on environment', () => {
-      it.todo('displays warning when organization already exists for user email domain');
+      it('displays warning when organization already exists for user email domain', async () => {
+        const { wrapper, fixtures } = await createFixtures(f => {
+          f.withOrganizations();
+          f.withForceOrganizationSelection();
+          f.withOrganizationCreationDefaults(true);
+          f.withUser({
+            email_addresses: ['[email protected]'],
+            create_organization_enabled: true,
+            tasks: [{ key: 'choose-organization' }],
+          });
+        });
+
+        fixtures.clerk.user?.getOrganizationCreationDefaults.mockReturnValueOnce(
+          Promise.resolve({
+            advisory: {
+              code: 'existing_org_with_domain',
+              severity: 'warning',
+              meta: { email: '[email protected]' },
+            },
+          }),
+        );
+
+        const { findByText } = render(<TaskChooseOrganization />, { wrapper });
+
+        expect(
+          await findByText(/an organization already exists for the detected company name and test@clerk\.com/i),
+        ).toBeInTheDocument();
+      });
+
+      it('prefills create organization form with defaults', async () => {
+        const { wrapper, fixtures } = await createFixtures(f => {
+          f.withOrganizations();
+          f.withForceOrganizationSelection();
+          f.withOrganizationCreationDefaults(true);
+          f.withUser({
+            email_addresses: ['[email protected]'],
+            create_organization_enabled: true,
+            tasks: [{ key: 'choose-organization' }],
+          });
+        });
 
-      it.todo('prefills create organization form with defaults');
+        fixtures.clerk.user?.getOrganizationCreationDefaults.mockReturnValueOnce(
+          Promise.resolve({
+            form: {
+              name: 'Test Org',
+              slug: 'test-org',
+              logo: null,
+            },
+          }),
+        );
+
+        const { findByText } = render(<TaskChooseOrganization />, { wrapper });
+
+        expect(await findByText('Test Org')).toBeInTheDocument();
+        expect(await findByText('test-org')).toBeInTheDocument();
+      });
     });
 
     describe('when disabled on environment', () => {
-      it.todo('does not fetch for creation defaults');
+      it('does not fetch for creation defaults', async () => {
+        const { wrapper, fixtures } = await createFixtures(f => {
+          f.withOrganizations();
+          f.withForceOrganizationSelection();
+          f.withOrganizationCreationDefaults(false);
+          f.withUser({
+            email_addresses: ['[email protected]'],
+            create_organization_enabled: true,
+            tasks: [{ key: 'choose-organization' }],
+          });
+        });
+
+        render(<TaskChooseOrganization />, { wrapper });
+
+        expect(fixtures.clerk.user?.getOrganizationCreationDefaults).not.toHaveBeenCalled();
+      });
     });
   });
 });

packages/ui/src/components/SessionTasks/tasks/TaskChooseOrganization/index.tsx

@@ -22,7 +22,6 @@ const TaskChooseOrganizationInternal = () => {
   const organizationCreationDefaults = useFetch(
     organizationSettings.organizationCreationDefaults?.enabled ? user?.getOrganizationCreationDefaults : undefined,
     'organization-creation-defaults',
-    { staleTime: Infinity },
   );
 
   const isLoading =