app-catalog: Fix stories for AppCatalogTitle and SettingsLink

Signed-off-by: Vincent T <[email protected]>
headlamp-k8s · Sep 19, 2024 · 95b2746 · 95b2746
1 parent d0e5751
commit 95b2746
Show file tree

Hide file tree

Showing 4 changed files with 58 additions and 0 deletions.
diff --git a/app-catalog/src/components/charts/AppCatalogTitle.stories.tsx b/app-catalog/src/components/charts/AppCatalogTitle.stories.tsx
@@ -1,10 +1,12 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
 import { AppCatalogTitle } from './AppCatalogTitle';
 
 export default {
     title: 'Components/AppCatalogTitle',
     component: AppCatalogTitle,
+    decorators: [(Story) => <Router><Story /></Router>],
 } as Meta;
 
 const Template: Story = (args) => <AppCatalogTitle {...args} />;

diff --git a/app-catalog/src/components/charts/SettingsLink.stories.tsx b/app-catalog/src/components/charts/SettingsLink.stories.tsx
@@ -1,10 +1,13 @@
 import { Meta, Story } from '@storybook/react';
 import React from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
 import { SettingsLink } from './SettingsLink';
 
+
 export default {
     title: 'Components/SettingsLink',
     component: SettingsLink,
+    decorators: [(Story) => <Router><Story /></Router>],
 } as Meta;
 
 const Template: Story = (args) => <SettingsLink {...args} />;

diff --git a/app-catalog/src/components/charts/__snapshots__/AppCatalogTitle.stories.storyshot b/app-catalog/src/components/charts/__snapshots__/AppCatalogTitle.stories.storyshot
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Components/AppCatalogTitle Title 1`] = `
+<div>
+  <div
+    class="MuiBox-root css-69i1ev"
+  >
+    <p
+      class="MuiTypography-root MuiTypography-body1 css-e9jdnt-MuiTypography-root"
+    >
+      Applications
+    </p>
+    <span
+      aria-label="App-Catalog Settings"
+      class=""
+      data-mui-internal-clone-element="true"
+    >
+      <a
+        class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-srrjpp-MuiTypography-root-MuiLink-root"
+        href="/"
+      >
+        <p
+          class="MuiTypography-root MuiTypography-body1 css-12i17fz-MuiTypography-root"
+        >
+          Settings
+        </p>
+      </a>
+    </span>
+  </div>
+</div>
+`;
diff --git a/app-catalog/src/components/charts/__snapshots__/SettingsLink.stories.storyshot b/app-catalog/src/components/charts/__snapshots__/SettingsLink.stories.storyshot
@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Storyshots Components/SettingsLink Title 1`] = `
+<div>
+  <span
+    aria-label="App-Catalog Settings"
+    class=""
+    data-mui-internal-clone-element="true"
+  >
+    <a
+      class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineHover css-srrjpp-MuiTypography-root-MuiLink-root"
+      href="/"
+    >
+      <p
+        class="MuiTypography-root MuiTypography-body1 css-12i17fz-MuiTypography-root"
+      >
+        Settings
+      </p>
+    </a>
+  </span>
+</div>
+`;