test(toolbarFieldContext): sw-2353 add notification testIds (#1358)

RedHatInsights · Jul 16, 2024 · 7c0c950 · 7c0c950
1 parent b980b37
commit 7c0c950
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 14 deletions.
diff --git a/src/components/i18n/__tests__/__snapshots__/i18n.test.js.snap b/src/components/i18n/__tests__/__snapshots__/i18n.test.js.snap
@@ -363,39 +363,39 @@ exports[`I18n Component should generate a predictable locale key output snapshot
     "keys": [
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'pending', 'title'] })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'pending', 'title'], testId: 'exportNotification-individual-pending' })",
       },
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'title'] })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'title'], testId: 'exportNotification-individual-completed' })",
       },
       {
         "key": "curiosity-toolbar.notifications",
         "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'description'], count: completed.length, fileName: completed?.[0]?.fileName })",
       },
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'error', 'title'] })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'error', 'title'], testId: 'exportNotification-individual-error' })",
       },
       {
         "key": "curiosity-toolbar.notifications",
         "match": "t('curiosity-toolbar.notifications', { context: ['export', 'error', 'description'] })",
       },
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'pending', 'titleGlobal'] })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'pending', 'titleGlobal'], testId: 'exportNotification-existing-pending' })",
       },
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'titleGlobal'], count: allResults.length })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'titleGlobal'], count: allResults.length, testId: 'exportNotification-existing-completed' })",
       },
       {
         "key": "curiosity-toolbar.notifications",
         "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'descriptionGlobal'], count: allResults.length })",
       },
       {
         "key": "curiosity-toolbar.notifications",
-        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'title', 'existing'], count: totalResults })",
+        "match": "t('curiosity-toolbar.notifications', { context: ['export', 'completed', 'title', 'existing'], count: totalResults, testId: 'exportNotification-existing-confirmation' })",
       },
       {
         "key": "curiosity-toolbar.notifications",

diff --git a/src/components/toolbar/__tests__/__snapshots__/toolbarFieldExportContext.test.js.snap b/src/components/toolbar/__tests__/__snapshots__/toolbarFieldExportContext.test.js.snap
@@ -60,7 +60,7 @@ exports[`ToolbarFieldExport Component should allow export service calls on exist
       </div>,
       "dismissable": false,
       "id": "swatch-exports-status",
-      "title": "t(curiosity-toolbar.notifications_export_completed_title, {"context":"existing","count":1})",
+      "title": "t(curiosity-toolbar.notifications_export_completed_title, {"context":"existing","count":1,"testId":"exportNotification-existing-confirmation"})",
     },
   ],
 ]
@@ -105,7 +105,7 @@ exports[`ToolbarFieldExport Component should allow service calls on user confirm
       "pending": {
         "dismissable": true,
         "id": "swatch-exports-existing-confirmation",
-        "title": "t(curiosity-toolbar.notifications_export_pending, {"context":"titleGlobal"})",
+        "title": "t(curiosity-toolbar.notifications_export_pending, {"context":"titleGlobal","testId":"exportNotification-existing-pending"})",
         "variant": "info",
       },
     },

diff --git a/src/components/toolbar/toolbarFieldExportContext.js b/src/components/toolbar/toolbarFieldExportContext.js
@@ -54,7 +54,8 @@ const useExportConfirmation = ({
           id: 'swatch-exports-individual-status',
           variant: 'info',
           title: t('curiosity-toolbar.notifications', {
-            context: ['export', 'pending', 'title']
+            context: ['export', 'pending', 'title'],
+            testId: 'exportNotification-individual-pending'
           }),
           dismissable: true
         };
@@ -65,7 +66,8 @@ const useExportConfirmation = ({
           id: 'swatch-exports-individual-status',
           variant: 'success',
           title: t('curiosity-toolbar.notifications', {
-            context: ['export', 'completed', 'title']
+            context: ['export', 'completed', 'title'],
+            testId: 'exportNotification-individual-completed'
           }),
           description: t('curiosity-toolbar.notifications', {
             context: ['export', 'completed', 'description'],
@@ -127,7 +129,8 @@ const useExport = ({
             rejected: {
               variant: 'warning',
               title: t('curiosity-toolbar.notifications', {
-                context: ['export', 'error', 'title']
+                context: ['export', 'error', 'title'],
+                testId: 'exportNotification-individual-error'
               }),
               description: t('curiosity-toolbar.notifications', {
                 context: ['export', 'error', 'description']
@@ -179,7 +182,10 @@ const useExistingExportsConfirmation = ({
         pending: {
           id: 'swatch-exports-existing-confirmation',
           variant: 'info',
-          title: t('curiosity-toolbar.notifications', { context: ['export', 'pending', 'titleGlobal'] }),
+          title: t('curiosity-toolbar.notifications', {
+            context: ['export', 'pending', 'titleGlobal'],
+            testId: 'exportNotification-existing-pending'
+          }),
           dismissable: true
         }
       })(dispatch).then(() => {
@@ -190,7 +196,8 @@ const useExistingExportsConfirmation = ({
               variant: 'success',
               title: t('curiosity-toolbar.notifications', {
                 context: ['export', 'completed', 'titleGlobal'],
-                count: allResults.length
+                count: allResults.length,
+                testId: 'exportNotification-existing-completed'
               }),
               description: t('curiosity-toolbar.notifications', {
                 context: ['export', 'completed', 'descriptionGlobal'],
@@ -261,7 +268,8 @@ const useExistingExports = ({
           id: 'swatch-exports-status',
           title: t('curiosity-toolbar.notifications', {
             context: ['export', 'completed', 'title', 'existing'],
-            count: totalResults
+            count: totalResults,
+            testId: 'exportNotification-existing-confirmation'
           }),
           description: (
             <div aria-live="polite">