Increase page size default to 20

app/assets/javascripts/alert_management/constants.js

@@ -64,4 +64,4 @@ export const trackAlertStatusUpdateOptions = {
   label: 'Status',
 };
 
-export const DEFAULT_PAGE_SIZE = 10;
+export const DEFAULT_PAGE_SIZE = 20;

app/assets/javascripts/incidents/constants.js

@@ -34,4 +34,4 @@ export const INCIDENT_STATUS_TABS = [
 ];
 
 export const INCIDENT_SEARCH_DELAY = 300;
-export const DEFAULT_PAGE_SIZE = 10;
+export const DEFAULT_PAGE_SIZE = 20;

changelogs/unreleased/239355-alert-incident-count.yml

+---
+title: Increase default page size for Alert and Incident management to 20 from 10
+merge_request: 40139
+author:
+type: changed

spec/frontend/alert_management/components/alert_management_table_spec.js

@@ -47,11 +47,11 @@ describe('AlertManagementTable', () => {
   const findIssueFields = () => wrapper.findAll('[data-testid="issueField"]');
   const findAlertError = () => wrapper.find('[data-testid="alert-error"]');
   const alertsCount = {
-    open: 14,
-    triggered: 10,
-    acknowledged: 6,
-    resolved: 1,
-    all: 16,
+    open: 24,
+    triggered: 20,
+    acknowledged: 16,
+    resolved: 11,
+    all: 26,
   };
   const selectFirstStatusOption = () => {
     findFirstStatusOption().vm.$emit('click');

spec/frontend/incidents/components/incidents_list_spec.js

@@ -30,9 +30,9 @@ describe('Incidents List', () => {
   const incidentTemplateName = 'incident';
   const incidentType = 'incident';
   const incidentsCount = {
-    opened: 14,
-    closed: 1,
-    all: 16,
+    opened: 24,
+    closed: 10,
+    all: 26,
   };
 
   const findTable = () => wrapper.find(GlTable);