[MINT-3217] Common milestone library

src/components/Breadcrumbs/index.tsx

@@ -74,7 +74,7 @@ export const commonBreadCrumbs = (
   },
   MODEL_TO_OPERATIONS: {
     text: 'modelToOperationsMisc:heading',
-    url: `/models/${modelID}/collaboration-area/model-to-operation`
+    url: `/models/${modelID}/collaboration-area/model-to-operations`
   },
   NOTIFICATIONS: {
     text: 'notifications:breadcrumb',

src/components/EChimpCards/__snapshots__/EChimpCardsTable.test.tsx.snap

@@ -105,6 +105,7 @@ exports[`EChimpCardsTable > matches snapshot 1`] = `
           <span>
             <div
               aria-live="polite"
+              class="margin-bottom-2"
               role="status"
             >
               Showing 1-2 of 2 results 

src/components/ShareExport/__snapshots__/index.test.tsx.snap

@@ -10560,6 +10560,7 @@ exports[`ShareExportModal > matches the snapshot 1`] = `
                 <span>
                   <div
                     aria-live="polite"
+                    class="margin-bottom-2"
                     role="status"
                   >
                     Showing 1-1 of 1 results 

src/components/TablePageSize/index.tsx

@@ -34,6 +34,7 @@ const TablePageSize = ({
   suffix
 }: TablePageSizeProps) => {
   const classNames = classnames('desktop:margin-top-2', className);
+
   return (
     <div className={classNames}>
       <Select
@@ -42,7 +43,7 @@ const TablePageSize = ({
         data-testid="table-page-size"
         name="tablePageSize"
         onChange={(e: any) => {
-          setPageSize(e.target.value);
+          setPageSize(Number(e.target.value));
         }}
         value={pageSize}
       >

src/components/TableResults/__snapshots__/index.test.tsx.snap

@@ -9,6 +9,7 @@ exports[`Table Results Componenet > matches snapshot 1`] = `
     <span>
       <div
         aria-live="polite"
+        class="margin-bottom-2"
         role="status"
       >
         Showing 1-10 of 100 results 

src/components/TableResults/index.test.tsx

@@ -30,7 +30,7 @@ describe('Table Results Componenet', () => {
     );
 
     expect(
-      await screen.getByText(/Showing 41-50 of 456 results/)
+      screen.getByText(/Showing 41-50 of 456 results/)
     ).toBeInTheDocument();
   });
 
@@ -45,9 +45,7 @@ describe('Table Results Componenet', () => {
       />
     );
 
-    expect(
-      await screen.getByText(/Showing 1-10 of 42 results/)
-    ).toBeInTheDocument();
+    expect(screen.getByText(/Showing 1-10 of 42 results/)).toBeInTheDocument();
     expect(await screen.findByText('"Happiness"')).toBeInTheDocument();
   });
 

src/components/TableResults/index.tsx

@@ -60,21 +60,21 @@ const TableResults = ({
                 {t('tableAndPagination:results.noResults')}{' '}
                 {/* Displays the search input even if there are no results */}
                 {displayResult(globalFilter)}
+                {globalFilter && (
+                  <Alert
+                    type="warning"
+                    heading={t('results.alertHeading', {
+                      query: globalFilter
+                    })}
+                  >
+                    {t('results.alertDescription')}
+                  </Alert>
+                )}
               </div>
-              {globalFilter && (
-                <Alert
-                  type="warning"
-                  heading={t('results.alertHeading', {
-                    query: globalFilter
-                  })}
-                >
-                  {t('results.alertDescription')}
-                </Alert>
-              )}
             </>
           )
         ) : (
-          <div role="status" aria-live="polite">
+          <div role="status" aria-live="polite" className="margin-bottom-2">
             {t('results.results', {
               currentPage,
               pageRange: displayedRowsCount,

src/features/HelpAndKnowledge/Articles/AllArticles/__snapshots__/index.test.tsx.snap

@@ -159,6 +159,7 @@ exports[`The AllArticles component > matches snapshot 1`] = `
                   <span>
                     <div
                       aria-live="polite"
+                      class="margin-bottom-2"
                       role="status"
                     >
                       Showing 1-9 of 17 results 

src/features/Home/components/ModelsBySolutions/__snapshots__/index.test.tsx.snap

@@ -160,6 +160,7 @@ exports[`ModelsBySolution Table and Card > renders solution models banner and ca
         <span>
           <div
             aria-live="polite"
+            class="margin-bottom-2"
             role="status"
           >
             Showing 1-3 of 7 results 

src/features/ModelPlan/CRTDL/CRTDLs/__snapshots__/index.test.tsx.snap

@@ -238,6 +238,7 @@ exports[`CR and TDLs page > matches snapshot 1`] = `
                 <span>
                   <div
                     aria-live="polite"
+                    class="margin-bottom-2"
                     role="status"
                   >
                     Showing 1-2 of 2 results