Merge pull request #2045 from headlamp-k8s/snapshot-fix

frontend: Improve snapshot tests to be more deterministic
headlamp-k8s · Jun 17, 2024 · 0dad41e · 0dad41e
2 parents d97753d + 52d2aed
commit 0dad41e
Show file tree

Hide file tree

Showing 261 changed files with 630 additions and 1,163 deletions.
diff --git a/.../components/App/Home/__snapshots__/RecentClusters.MoreThanThreeClusters.stories.storyshot b/.../components/App/Home/__snapshots__/RecentClusters.MoreThanThreeClusters.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -85,4 +85,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Home/__snapshots__/RecentClusters.NoClusters.stories.storyshot b/frontend/src/components/App/Home/__snapshots__/RecentClusters.NoClusters.stories.storyshot
@@ -1,6 +1,6 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
   />
-</div>
+</DocumentFragment>
diff --git a/...src/components/App/Home/__snapshots__/RecentClusters.OneExistingCluster.stories.storyshot b/...src/components/App/Home/__snapshots__/RecentClusters.OneExistingCluster.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -31,4 +31,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...d/src/components/App/Home/__snapshots__/RecentClusters.OneRecentCluster.stories.storyshot b/...d/src/components/App/Home/__snapshots__/RecentClusters.OneRecentCluster.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -85,4 +85,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...tend/src/components/App/Home/__snapshots__/RecentClusters.ThreeClusters.stories.storyshot b/...tend/src/components/App/Home/__snapshots__/RecentClusters.ThreeClusters.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -85,4 +85,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...rc/components/App/Home/__snapshots__/RecentClusters.TwoExistingClusters.stories.storyshot b/...rc/components/App/Home/__snapshots__/RecentClusters.TwoExistingClusters.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -58,4 +58,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/.../src/components/App/Home/__snapshots__/RecentClusters.TwoRecentClusters.stories.storyshot b/.../src/components/App/Home/__snapshots__/RecentClusters.TwoRecentClusters.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -85,4 +85,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...c/components/App/Home/__snapshots__/RecentClusters.WithObsoleteClusters.stories.storyshot b/...c/components/App/Home/__snapshots__/RecentClusters.WithObsoleteClusters.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     aria-labelledby="#recent-clusters-label"
     class="MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-spacing-xs-2 css-1vj4bu4-MuiGrid-root"
@@ -85,4 +85,4 @@
       </button>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Home/__snapshots__/SquareButton.Basic.stories.storyshot b/frontend/src/components/App/Home/__snapshots__/SquareButton.Basic.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root css-10d1a0h-MuiButtonBase-root"
     tabindex="0"
@@ -22,4 +22,4 @@
       class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
     />
   </button>
-</div>
+</DocumentFragment>
diff --git a/...d/src/components/App/Home/__snapshots__/SquareButton.DifferentIconColor.stories.storyshot b/...d/src/components/App/Home/__snapshots__/SquareButton.DifferentIconColor.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root css-10d1a0h-MuiButtonBase-root"
     tabindex="0"
@@ -22,4 +22,4 @@
       class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
     />
   </button>
-</div>
+</DocumentFragment>
diff --git a/...nd/src/components/App/Home/__snapshots__/SquareButton.DifferentIconSize.stories.storyshot b/...nd/src/components/App/Home/__snapshots__/SquareButton.DifferentIconSize.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root css-10d1a0h-MuiButtonBase-root"
     tabindex="0"
@@ -22,4 +22,4 @@
       class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
     />
   </button>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Home/__snapshots__/SquareButton.Primary.stories.storyshot b/frontend/src/components/App/Home/__snapshots__/SquareButton.Primary.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root css-10d1a0h-MuiButtonBase-root"
     tabindex="0"
@@ -22,4 +22,4 @@
       class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
     />
   </button>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Home/__snapshots__/index.Base.stories.storyshot b/frontend/src/components/App/Home/__snapshots__/index.Base.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 css-1ub3t8b-MuiGrid-root"
   >
@@ -1008,4 +1008,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Notifications/__snapshots__/List.List.stories.storyshot b/frontend/src/components/App/Notifications/__snapshots__/List.List.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root"
     tabindex="0"
@@ -1571,4 +1571,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...nents/App/PluginSettings/__snapshots__/PluginSettings.DefaultSaveEnable.stories.storyshot b/...nents/App/PluginSettings/__snapshots__/PluginSettings.DefaultSaveEnable.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -794,4 +794,4 @@
       />
     </button>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...nd/src/components/App/PluginSettings/__snapshots__/PluginSettings.Empty.stories.storyshot b/...nd/src/components/App/PluginSettings/__snapshots__/PluginSettings.Empty.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -40,4 +40,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...ents/App/PluginSettings/__snapshots__/PluginSettings.EmptyHomepageItems.stories.storyshot b/...ents/App/PluginSettings/__snapshots__/PluginSettings.EmptyHomepageItems.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -780,4 +780,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...src/components/App/PluginSettings/__snapshots__/PluginSettings.FewItems.stories.storyshot b/...src/components/App/PluginSettings/__snapshots__/PluginSettings.FewItems.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -780,4 +780,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...rc/components/App/PluginSettings/__snapshots__/PluginSettings.ManyItems.stories.storyshot b/...rc/components/App/PluginSettings/__snapshots__/PluginSettings.ManyItems.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -1190,4 +1190,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...rc/components/App/PluginSettings/__snapshots__/PluginSettings.MoreItems.stories.storyshot b/...rc/components/App/PluginSettings/__snapshots__/PluginSettings.MoreItems.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <div
     class="MuiBox-root css-j1fy4m"
   >
@@ -1192,4 +1192,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/...nts/App/PluginSettings/__snapshots__/PluginSettingsDetails.WithAutoSave.stories.storyshot b/...nts/App/PluginSettings/__snapshots__/PluginSettingsDetails.WithAutoSave.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root"
     tabindex="0"
@@ -99,4 +99,4 @@
       />
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/.../App/PluginSettings/__snapshots__/PluginSettingsDetails.WithoutAutoSave.stories.storyshot b/.../App/PluginSettings/__snapshots__/PluginSettingsDetails.WithoutAutoSave.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root"
     tabindex="0"
@@ -120,4 +120,4 @@
       </div>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/Settings/__snapshots__/Settings.General.stories.storyshot b/frontend/src/components/App/Settings/__snapshots__/Settings.General.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <button
     class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeSmall MuiButton-textSizeSmall MuiButton-colorPrimary css-w7fpvq-MuiButtonBase-root-MuiButton-root"
     tabindex="0"
@@ -271,4 +271,4 @@
       </dl>
     </div>
   </div>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/TopBar.NoToken.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.NoToken.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <nav
     aria-label="Appbar Tools"
     class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation1 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-1nczbvg-MuiPaper-root-MuiAppBar-root"
@@ -105,4 +105,4 @@
       />
     </div>
   </nav>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/TopBar.OneCluster.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.OneCluster.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <nav
     aria-label="Appbar Tools"
     class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation1 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-1nczbvg-MuiPaper-root-MuiAppBar-root"
@@ -117,4 +117,4 @@
       </button>
     </div>
   </nav>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/TopBar.ProcessorAction.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.ProcessorAction.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <nav
     aria-label="Appbar Tools"
     class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation1 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-1nczbvg-MuiPaper-root-MuiAppBar-root"
@@ -108,4 +108,4 @@
       </p>
     </div>
   </nav>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/TopBar.Token.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.Token.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <nav
     aria-label="Appbar Tools"
     class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation1 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-1nczbvg-MuiPaper-root-MuiAppBar-root"
@@ -105,4 +105,4 @@
       />
     </div>
   </nav>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/TopBar.TwoCluster.stories.storyshot b/frontend/src/components/App/__snapshots__/TopBar.TwoCluster.stories.storyshot
@@ -1,4 +1,4 @@
-<div>
+<DocumentFragment>
   <nav
     aria-label="Appbar Tools"
     class="MuiPaper-root MuiPaper-elevation MuiPaper-elevation1 MuiAppBar-root MuiAppBar-colorPrimary MuiAppBar-positionFixed mui-fixed css-1nczbvg-MuiPaper-root-MuiAppBar-root"
@@ -133,4 +133,4 @@
       </button>
     </div>
   </nav>
-</div>
+</DocumentFragment>
diff --git a/frontend/src/components/App/__snapshots__/VersionDialog.VersionDialog.stories.storyshot b/frontend/src/components/App/__snapshots__/VersionDialog.VersionDialog.stories.storyshot
@@ -1,3 +1 @@
-<div
-  aria-hidden="true"
-/>
+<DocumentFragment />