test: adding new ut for new team members table an its components

Author: jacobo-dominguez-wgu

src/authz-module/authz-home/index.test.tsx

@@ -16,6 +16,10 @@ jest.mock('@openedx/paragon', () => ({
   Tabs: ({ children }: { children: React.ReactNode }) => <div data-testid="tabs">{children}</div>,
 }));
 
+jest.mock('@src/authz-module/team-members/TeamMembersTable', () => function MockTeamMembersTable() {
+  return <div>Team Members Table Content</div>;
+});
+
 describe('AuthzHome', () => {
   it('renders without crashing', () => {
     renderWrapper(<AuthzHome />);
@@ -37,4 +41,9 @@ describe('AuthzHome', () => {
     renderWrapper(<AuthzHome />);
     expect(screen.getByTestId('roles-permissions')).toBeInTheDocument();
   });
+
+  it('renders the TeamMembersTable component in the team members tab', () => {
+    renderWrapper(<AuthzHome />);
+    expect(screen.getByText('Team Members Table Content')).toBeInTheDocument();
+  });
 });

src/authz-module/hooks/useQuerySettings.test.tsx

@@ -10,6 +10,8 @@ describe('useQuerySettings', () => {
     pageIndex: 0,
     sortBy: null,
     order: null,
+    scopes: null,
+    organizations: null,
   };
 
   it('should initialize with default query settings when no initial settings provided', () => {
@@ -27,6 +29,8 @@ describe('useQuerySettings', () => {
       pageIndex: 2,
       sortBy: 'username',
       order: 'asc',
+      scopes: null,
+      organizations: null,
     };
 
     const { result } = renderHook(() => useQuerySettings(customInitialSettings));
@@ -42,8 +46,8 @@ describe('useQuerySettings', () => {
       pageIndex: 1,
       sortBy: [{ id: 'username', desc: false }],
       filters: [
-        { id: 'roles', value: ['admin', 'editor'] },
-        { id: 'username', value: 'john' },
+        { id: 'role', value: ['admin', 'editor'] },
+        { id: 'name', value: 'john' },
       ],
     };
 
@@ -58,6 +62,8 @@ describe('useQuerySettings', () => {
       pageIndex: 1,
       sortBy: 'username',
       order: 'asc',
+      scopes: null,
+      organizations: null,
     });
   });
 
@@ -133,6 +139,8 @@ describe('useQuerySettings', () => {
       pageIndex: 0,
       order: null,
       sortBy: null,
+      organizations: null,
+      scopes: null,
     });
   });
 
@@ -160,6 +168,8 @@ describe('useQuerySettings', () => {
       pageIndex: 0,
       order: null,
       sortBy: null,
+      organizations: null,
+      scopes: null,
     });
   });
 
@@ -187,6 +197,8 @@ describe('useQuerySettings', () => {
       pageIndex: 0,
       order: null,
       sortBy: null,
+      organizations: null,
+      scopes: null,
     });
   });
 
@@ -255,9 +267,11 @@ describe('useQuerySettings', () => {
       pageIndex: 3,
       sortBy: [{ id: 'userRole', desc: true }],
       filters: [
-        { id: 'roles', value: ['admin', 'editor', 'viewer'] },
-        { id: 'username', value: '[email protected]' },
+        { id: 'role', value: ['admin', 'editor', 'viewer'] },
+        { id: 'name', value: '[email protected]' },
         { id: 'otherFilter', value: 'ignored' }, // Should be ignored
+        { id: 'org', value: ['org1', 'org2'] },
+        { id: 'scope', value: ['scope1', 'scope2'] },
       ],
     };
 
@@ -272,6 +286,9 @@ describe('useQuerySettings', () => {
       pageIndex: 3,
       order: 'desc',
       sortBy: 'user_role',
+      organizations: 'org1,org2',
+      scopes: 'scope1,scope2',
+
     });
   });
 
@@ -310,7 +327,7 @@ describe('useQuerySettings', () => {
       pageIndex: 0,
       sortBy: [],
       filters: [
-        { id: 'username', value: '   ' }, // Whitespace only
+        { id: 'name', value: '   ' }, // Whitespace only
       ],
     };
 
@@ -330,7 +347,7 @@ describe('useQuerySettings', () => {
         pageSize: 10,
         pageIndex: 0,
         sortBy: [],
-        filters: [{ id: 'roles', value: ['admin'] }],
+        filters: [{ id: 'role', value: ['admin'] }],
       });
     });
 
@@ -342,7 +359,7 @@ describe('useQuerySettings', () => {
         pageSize: 10,
         pageIndex: 0,
         sortBy: [],
-        filters: [{ id: 'roles', value: ['editor'] }],
+        filters: [{ id: 'role', value: ['editor'] }],
       });
     });
 
@@ -359,7 +376,7 @@ describe('useQuerySettings', () => {
         pageSize: 10,
         pageIndex: 0,
         sortBy: [],
-        filters: [{ id: 'username', value: 'john' }],
+        filters: [{ id: 'name', value: 'john' }],
       });
     });
 
@@ -371,7 +388,7 @@ describe('useQuerySettings', () => {
         pageSize: 10,
         pageIndex: 0,
         sortBy: [],
-        filters: [{ id: 'username', value: 'jane' }],
+        filters: [{ id: 'name', value: 'jane' }],
       });
     });
 

src/authz-module/team-members/TeamMembersTable.tsx

@@ -30,11 +30,10 @@ const TeamMembersTable = ({ presetScope }: TeamMembersTableProps) => {
   const { showErrorToast } = useToastManager();
   const [columnsWithFiltersApplied, setColumnsWithFiltersApplied] = useState<string[]>([]);
 
-  const initialQuerySettings = presetScope ? { 
-    scopes: presetScope, 
+  const initialQuerySettings = presetScope ? {
+    scopes: presetScope,
     pageSize: TABLE_DEFAULT_PAGE_SIZE,
     pageIndex: 0,
-    // Add other required QuerySettings properties with default values
     roles: null,
     organizations: null,
     search: null,
@@ -53,7 +52,7 @@ const TeamMembersTable = ({ presetScope }: TeamMembersTableProps) => {
 
   const initialFilters = presetScope ? [{ id: 'scope', value: [presetScope] }] : [];
 
-   useEffect(() => {
+  useEffect(() => {
     if (error) {
       showErrorToast(error, refetch);
     }
@@ -79,7 +78,7 @@ const TeamMembersTable = ({ presetScope }: TeamMembersTableProps) => {
         data={roleAssignments}
         itemCount={count}
         pageCount={pageCount}
-        initialState={{ pageSize: TABLE_DEFAULT_PAGE_SIZE, filters: initialFilters  }}
+        initialState={{ pageSize: TABLE_DEFAULT_PAGE_SIZE, filters: initialFilters }}
         isLoading={isLoadingAllRoleAssignments}
         additionalColumns={[
           {