Fix PendingGroupsRow test

app/soapbox/components/pending-items-row.tsx

@@ -16,7 +16,7 @@ interface IPendingItemsRow {
 
 const PendingItemsRow: React.FC<IPendingItemsRow> = ({ to, count, size = 'md' }) => {
   return (
-    <Link to={to} className='group'>
+    <Link to={to} className='group' data-testid='pending-items-row'>
       <HStack alignItems='center' justifyContent='between'>
         <HStack alignItems='center' space={2}>
           <div className={clsx('rounded-full bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200', {

app/soapbox/features/groups/components/__tests__/pending-group-rows.test.tsx

@@ -45,7 +45,7 @@ describe('<PendingGroupRows />', () => {
 
     it('should not render', () => {
       renderApp(store);
-      expect(screen.queryAllByTestId('pending-groups-row')).toHaveLength(0);
+      expect(screen.queryAllByTestId('pending-items-row')).toHaveLength(0);
     });
   });
 
@@ -69,7 +69,7 @@ describe('<PendingGroupRows />', () => {
 
       it('should not render', () => {
         renderApp(store);
-        expect(screen.queryAllByTestId('pending-groups-row')).toHaveLength(0);
+        expect(screen.queryAllByTestId('pending-items-row')).toHaveLength(0);
       });
     });
 
@@ -95,7 +95,7 @@ describe('<PendingGroupRows />', () => {
         renderApp(store);
 
         await waitFor(() => {
-          expect(screen.queryAllByTestId('pending-groups-row')).toHaveLength(1);
+          expect(screen.queryAllByTestId('pending-items-row')).toHaveLength(1);
         });
       });
     });

app/soapbox/features/groups/components/pending-groups-row.tsx

@@ -17,7 +17,6 @@ export default () => {
   return (
     <>
       <PendingItemsRow
-        data-testid='pending-groups-row'
         to='/groups/pending-requests'
         count={groups.length}
         size='lg'