Reintroduce DA group max requests

We are keeping the removal of the max 30
enabled namespaces but reintroducing the
maximum number of requests allowed
when fetching group data

Changelog: changed
EE: true

ee/app/assets/javascripts/analytics/devops_report/devops_adoption/components/devops_adoption_app.vue

@@ -8,6 +8,7 @@ import { mergeUrlParams, updateHistory, getParameterValues } from '~/lib/utils/u
 import {
   DEVOPS_ADOPTION_STRINGS,
   DEVOPS_ADOPTION_ERROR_KEYS,
+  MAX_REQUEST_COUNT,
   DATE_TIME_FORMAT,
   DEFAULT_POLLING_INTERVAL,
   DEVOPS_ADOPTION_GROUP_LEVEL_LABEL,
@@ -61,6 +62,7 @@ export default {
     return {
       isLoadingGroups: false,
       isLoadingEnableGroup: false,
+      requestCount: 0,
       openModal: false,
       errors: {
         [DEVOPS_ADOPTION_ERROR_KEYS.groups]: false,
@@ -234,7 +236,8 @@ export default {
             nodes: [...this.groups.nodes, ...nodes],
           };
 
-          if (pageInfo?.nextPage) {
+          this.requestCount += 1;
+          if (this.requestCount < MAX_REQUEST_COUNT && pageInfo?.nextPage) {
             this.fetchGroups(pageInfo.nextPage);
           } else {
             this.isLoadingGroups = false;

ee/app/assets/javascripts/analytics/devops_report/devops_adoption/constants.js

@@ -2,6 +2,8 @@ import { s__, __ } from '~/locale';
 
 export const DEFAULT_POLLING_INTERVAL = 30000;
 
+export const MAX_REQUEST_COUNT = 10;
+
 export const PER_PAGE = 100;
 
 export const DEVOPS_ADOPTION_SEGMENT_MODAL_ID = 'devopsSegmentModal';

ee/spec/frontend/analytics/devops_report/devops_adoption/components/devops_adoption_app_spec.js

@@ -193,6 +193,20 @@ describe('DevopsAdoptionApp', () => {
       });
     });
 
+    describe('when fetching too many pages of data', () => {
+      beforeEach(async () => {
+        // Always send the same page
+        groupsSpy = jest.fn().mockResolvedValue(initialResponse);
+        const mockApollo = createMockApolloProvider({ groupsSpy });
+        wrapper = createComponent({ mockApollo, data: { requestCount: 2 } });
+        await waitForPromises();
+      });
+
+      it('should fetch data twice', () => {
+        expect(groupsSpy).toHaveBeenCalledTimes(2);
+      });
+    });
+
     describe('when error is thrown in the fetchMore request', () => {
       const error = 'Error: foo!';