frontend: Use deterministic useId mock in tests

Signed-off-by: Oleksandr Dubenko <oldubenko@microsoft.com>
headlamp-k8s · May 10, 2024 · 15b23b4 · 15b23b4
1 parent 5cf12c7
commit 15b23b4
Show file tree

Hide file tree

Showing 5 changed files with 57 additions and 55 deletions.
diff --git a/...d/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot b/...d/src/components/App/PluginSettings/__snapshots__/PluginSettingsDetails.stories.storyshot
@@ -61,8 +61,8 @@ exports[`Storyshots Settings/PluginSettingsDetail With Auto Save 1`] = `
           <label
             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1a2ml2f-MuiFormLabel-root-MuiInputLabel-root"
             data-shrink="false"
-            for="mui-46"
-            id="mui-46-label"
+            for="mui-test-id"
+            id="mui-test-id-label"
           >
             Normal Input
           </label>
@@ -72,7 +72,7 @@ exports[`Storyshots Settings/PluginSettingsDetail With Auto Save 1`] = `
             <input
               aria-invalid="false"
               class="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-              id="mui-46"
+              id="mui-test-id"
               type="text"
               value=""
             />
@@ -168,8 +168,8 @@ exports[`Storyshots Settings/PluginSettingsDetail Without Auto Save 1`] = `
           <label
             class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1a2ml2f-MuiFormLabel-root-MuiInputLabel-root"
             data-shrink="false"
-            for="mui-47"
-            id="mui-47-label"
+            for="mui-test-id"
+            id="mui-test-id-label"
           >
             Normal Input
           </label>
@@ -179,7 +179,7 @@ exports[`Storyshots Settings/PluginSettingsDetail Without Auto Save 1`] = `
             <input
               aria-invalid="false"
               class="MuiInputBase-input MuiOutlinedInput-input css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input"
-              id="mui-47"
+              id="mui-test-id"
               type="text"
               value=""
             />

diff --git a/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot b/frontend/src/components/App/Settings/__snapshots__/Settings.stories.storyshot
@@ -174,7 +174,7 @@ exports[`Storyshots Settings General 1`] = `
               style="width: 100px;"
             >
               <div
-                aria-controls="mui-50"
+                aria-controls="mui-test-id"
                 aria-expanded="false"
                 aria-haspopup="listbox"
                 class="MuiSelect-select MuiSelect-standard MuiInputBase-input MuiInput-input css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input"
@@ -224,8 +224,8 @@ exports[`Storyshots Settings General 1`] = `
                 <label
                   class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-sizeMedium MuiInputLabel-standard css-zh08sj-MuiFormLabel-root-MuiInputLabel-root"
                   data-shrink="false"
-                  for="cluster-selector-autocomplete"
-                  id="cluster-selector-autocomplete-label"
+                  for="mui-test-id"
+                  id="mui-test-id-label"
                 >
                   Timezone
                 </label>
@@ -239,7 +239,7 @@ exports[`Storyshots Settings General 1`] = `
                     autocapitalize="none"
                     autocomplete="off"
                     class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input"
-                    id="cluster-selector-autocomplete"
+                    id="mui-test-id"
                     role="combobox"
                     spellcheck="false"
                     type="text"

diff --git a/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot b/frontend/src/components/common/__snapshots__/NamespacesAutocomplete.stories.storyshot
@@ -15,8 +15,8 @@ exports[`Storyshots NamespacesAutocomplete Some 1`] = `
         <label
           class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-standard css-1n1vwza-MuiFormLabel-root-MuiInputLabel-root"
           data-shrink="true"
-          for="namespaces-filter"
-          id="namespaces-filter-label"
+          for="mui-test-id"
+          id="mui-test-id-label"
         >
           Namespaces
         </label>
@@ -30,7 +30,7 @@ exports[`Storyshots NamespacesAutocomplete Some 1`] = `
             autocapitalize="none"
             autocomplete="off"
             class="MuiInputBase-input MuiInput-input MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-1x51dt5-MuiInputBase-input-MuiInput-input"
-            id="namespaces-filter"
+            id="mui-test-id"
             placeholder="Filter"
             role="combobox"
             spellcheck="false"