test: add third mock group to IdpSyncPageView stories

aqandrew · aqandrew · commit 5e97617758f7 · 2025-09-09T23:33:44.000Z
diff --git a/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpSyncPageView.stories.tsx b/site/src/pages/OrganizationSettingsPage/IdpSyncPage/IdpSyncPageView.stories.tsx
@@ -3,16 +3,18 @@ import {
 	MockGroup2,
 	MockGroupSyncSettings,
 	MockGroupSyncSettings2,
+	MockMultipleOverflowGroupSyncSettings,
 	MockLegacyMappingGroupSyncSettings,
 	MockOrganization,
 	MockRoleSyncSettings,
+	MockGroup3,
 } from "testHelpers/entities";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { expect, userEvent } from "storybook/test";
 import IdpSyncPageView from "./IdpSyncPageView";
 
 const groupsMap = new Map<string, string>();
-for (const group of [MockGroup, MockGroup2]) {
+for (const group of [MockGroup, MockGroup2, MockGroup3]) {
 	groupsMap.set(group.id, group.display_name || group.name);
 }
 
@@ -70,6 +72,12 @@ export const MissingGroups: Story = {
 	},
 };
 
+export const MultipleOverflowGroups: Story = {
+	args: {
+		groupSyncSettings: MockMultipleOverflowGroupSyncSettings,
+	},
+};
+
 export const WithLegacyMapping: Story = {
 	args: {
 		groupSyncSettings: MockLegacyMappingGroupSyncSettings,
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -2914,6 +2914,20 @@ export const MockGroupSyncSettings2: TypesGen.GroupSyncSettings = {
 	auto_create_missing_groups: false,
 };
 
+export const MockMultipleOverflowGroupSyncSettings: TypesGen.GroupSyncSettings =
+	{
+		field: "group-multiple-overflow-test",
+		mapping: {
+			"idp-group-1": [
+				"fbd2116a-8961-4954-87ae-e4575bd29ce0",
+				"13de3eb4-9b4f-49e7-b0f8-0c3728a0d2e2",
+				"d3562dc1-c120-43a9-ba02-88e43bbca192",
+			],
+		},
+		regex_filter: "@[a-zA-Z0-9_]+",
+		auto_create_missing_groups: false,
+	};
+
 export const MockRoleSyncSettings: TypesGen.RoleSyncSettings = {
 	field: "role-test",
 	mapping: {
@@ -2983,6 +2997,20 @@ export const MockGroup2: TypesGen.Group = {
 	total_member_count: 2,
 };
 
+export const MockGroup3: TypesGen.Group = {
+	id: "d3562dc1-c120-43a9-ba02-88e43bbca192",
+	name: "Back-End",
+	display_name: "",
+	avatar_url: "https://example.com",
+	organization_id: MockOrganization.id,
+	organization_name: MockOrganization.name,
+	organization_display_name: MockOrganization.display_name,
+	members: [MockUserOwner, MockUserMember],
+	quota_allowance: 5,
+	source: "user",
+	total_member_count: 2,
+};
+
 const MockEveryoneGroup: TypesGen.Group = {
 	// The "Everyone" group must have the same ID as a the organization it belongs
 	// to.
