@cerebruminc/cerebellum 20.3.0 → 20.3.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # react-component-lib-boilerplate
 
+## [20.3.1](https://github.com/cerebruminc/cerebellum/compare/v20.3.0...v20.3.1) (2026-09-03)
+
+
+### Bug Fixes
+
+* **user-card:** expose organization control test ids ([1ed8321](https://github.com/cerebruminc/cerebellum/commit/1ed832131f23ca8d9b979e5e8fb586b4cdc4d385))
+
 ## [20.3.0](https://github.com/cerebruminc/cerebellum/compare/v20.2.1...v20.3.0) (2026-09-01)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "20.3.0",
+  "version": "20.3.1",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "src/index.ts",

package/src/components/UserCard/UserCard.test.tsx

@@ -41,6 +41,7 @@ const orgOptions = [
     text: "Acme Limited",
     onClick: ({ option }: { option: UserCardOptionsType }) => console.log("Set Acme Limited", option),
     id: "1",
+    testId: "org-1",
   },
   {
     Icon: User,
@@ -48,6 +49,7 @@ const orgOptions = [
     text: "Universal Widgets",
     onClick: ({ option }: { option: UserCardOptionsType }) => console.log("Set Universal Widgets", option),
     id: "2",
+    testId: "org-2",
   },
   {
     Icon: User,
@@ -55,6 +57,7 @@ const orgOptions = [
     text: "Foo International",
     onClick: ({ option }: { option: UserCardOptionsType }) => console.log("Foo International", option),
     id: "3",
+    testId: "org-3",
   },
 ];
 
@@ -85,6 +88,13 @@ describe("UserCard", () => {
     expect(org2Text).toBeInTheDocument();
   });
 
+  test("applies organization test ids to organization controls", () => {
+    render(<UserCard organizations={orgOptions} userEmail="foo" userName="bar" />);
+
+    expect(screen.getByTestId(orgOptions[0].testId as string)).toBeInTheDocument();
+    expect(screen.getByTestId(orgOptions[1].testId as string)).toBeInTheDocument();
+  });
+
   test("filters organizations locally in uncontrolled mode", async () => {
     render(
       <UserCard

package/src/components/UserCard/UserCard.tsx

@@ -409,13 +409,14 @@ export const UserCard: FC<UserCardType> = ({
               }
             >
               {displayedOrganizations?.map((option) => {
-                const { Icon, onClick, text, id } = option;
+                const { Icon, onClick, text, id, testId } = option;
                 const isActive = activeOrg === id;
                 const hasIcon = !!Icon;
 
                 return (
                   <div
                     key={id}
+                    data-testid={testId}
                     className={clsx(
                       styles.organization,
                       isActive && interactiveOrgs && styles.organizationActive,

package/src/components/UserCard/types.ts

@@ -70,5 +70,6 @@ export interface UserCardOrganizationsType {
   Icon?: IconType | FC;
   id: string;
   onClick: (response: { option: UserCardOptionsType; event: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement> }) => void;
+  testId?: string;
   text: string;
 }