refactor(app/tests): Make createMockUsers more deterministic [r8s-406] (#887)

app/react/portainer/users/teams/ItemView/TeamAssociationSelector/TeamAssociationSelector.stories.tsx

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
 import { useMemo, useState } from 'react';
 
 import { createMockUsers } from '@/react-tools/test-mocks';
-import { Role, User } from '@/portainer/users/types';
+import { Role } from '@/portainer/users/types';
 import { UserViewModel } from '@/portainer/models/user';
 import { UserContext } from '@/react/hooks/useUser';
 
@@ -28,7 +28,7 @@ function Example({ userRole }: Args) {
     () => ({ user: new UserViewModel({ Role: userRole }) }),
     [userRole]
   );
-  const [users] = useState(createMockUsers(20) as User[]);
+  const [users] = useState(createMockUsers(20, Role.Standard));
 
   const [memberships] = useState<Omit<TeamMembership, 'Id' | 'TeamID'>[]>(
     users

app/react/portainer/users/teams/ItemView/TeamAssociationSelector/TeamMembersList/TeamMembersList.stories.tsx

@@ -28,7 +28,7 @@ function Example({ userRole }: Args) {
     [userRole]
   );
 
-  const [users] = useState(createMockUsers(20));
+  const [users] = useState(createMockUsers(20, Role.Standard));
   const [roles] = useState(
     Object.fromEntries(
       users.map((user) => [

app/react/portainer/users/teams/ItemView/TeamAssociationSelector/UsersList/UsersList.stories.tsx

@@ -1,6 +1,10 @@
 import { Meta } from '@storybook/react';
+import { useMemo } from 'react';
 
 import { createMockUsers } from '@/react-tools/test-mocks';
+import { Role } from '@/portainer/users/types';
+import { UserContext } from '@/react/hooks/useUser';
+import { UserViewModel } from '@/portainer/models/user';
 
 import { UsersList } from './UsersList';
 
@@ -13,10 +17,25 @@ export default meta;
 
 export { Example };
 
-function Example() {
-  const users = createMockUsers(20);
-
-  return <UsersList users={users} teamId={3} />;
+interface Args {
+  userRole: Role;
 }
 
-Example.args = {};
+function Example({ userRole }: Args) {
+  const userProviderState = useMemo(
+    () => ({ user: new UserViewModel({ Role: userRole }) }),
+    [userRole]
+  );
+
+  const users = createMockUsers(20, Role.Standard);
+
+  return (
+    <UserContext.Provider value={userProviderState}>
+      <UsersList users={users} teamId={3} />
+    </UserContext.Provider>
+  );
+}
+
+Example.args = {
+  userRole: Role.Admin,
+};