fix(LabeledIconGroup) : fix links for tests

fix DownloadLabeledIcon links for tests
eea · Mar 29, 2022 · daa1065 · daa1065
1 parent 535cee4
commit daa1065
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 71 deletions.
diff --git a/src/ui/DownloadLabeledIcon/DownloadLabeledIcon.stories.jsx b/src/ui/DownloadLabeledIcon/DownloadLabeledIcon.stories.jsx
@@ -46,8 +46,8 @@ Default.args = {
   icon: 'ri-download-2-fill',
   downloadIcon: 'ri-download-2-fill',
   links: [
-    { linkName: 'PDF', href: '#' },
-    { linkName: 'SVG', href: '#' },
-    { linkName: 'PNG', href: '#' },
+    { linkName: 'PDF', href: '/#' },
+    { linkName: 'SVG', href: '/#' },
+    { linkName: 'PNG', href: '/#' },
   ],
 };
diff --git a/src/ui/LabeledIconGroup/LabeledIconGroup.stories.jsx b/src/ui/LabeledIconGroup/LabeledIconGroup.stories.jsx
@@ -3,80 +3,52 @@ import LabeledIconGroup from './LabeledIconGroup';
 // eslint-disable-next-line import/no-unresolved
 
 export default {
-  title: 'Components/Labeled Icons/Group',
-  component: LabeledIconGroup,
-  argTypes: {
-    newTabLabel: {
-      description: 'New Tab Label',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
+    title: 'Components/Labeled Icons/Group',
+    component: LabeledIconGroup,
+    argTypes: {
+        newTab: {
+            description: 'NewTabLabeledIcon Component Contents',
+            table: {
+                type: { summary: 'Object' },
+                defaultValue: { summary: ' "" ' },
+            },
+        },
+        download: {
+            description: 'DownloadLabeledIcon Component Contents',
+            table: {
+                type: { summary: 'Object' },
+                defaultValue: { summary: ' "" ' },
+            },
+        }
     },
-    newTabLink: {
-      description: 'New Tab Link',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    newTabIcon: {
-      description: 'New Tab Icon',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    downloadLabel: {
-      description: 'Download Label',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    downloadIcon: {
-      description: 'Download Icon',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    downloadLinks: {
-      description: 'array of list content',
-      table: {
-        type: { summary: 'object' },
-        defaultValue: { summary: ' "" ' },
-      },
-    },
-  },
 };
 
 const DefaultTemplate = (args) => (
-  <div>
-    <LabeledIconGroup {...args}>
-      <LabeledIconGroup.Download {...args.download}></LabeledIconGroup.Download>
-      <LabeledIconGroup.NewTab {...args.newTab}>
-        {args.newTab.label}
-      </LabeledIconGroup.NewTab>
-    </LabeledIconGroup>
-  </div>
+    <div>
+        <LabeledIconGroup {...args}>
+            <LabeledIconGroup.Download {...args.download}></LabeledIconGroup.Download>
+            <LabeledIconGroup.NewTab {...args.newTab}>
+                {args.newTab.label}
+            </LabeledIconGroup.NewTab>
+        </LabeledIconGroup>
+    </div>
 );
 
 export const Default = DefaultTemplate.bind({});
 Default.args = {
-  newTab: {
-    label: 'Open in new Tab',
-    link: '/#',
-    icon: 'ri-share-box-fill',
-  },
-  download: {
-    label: 'Download',
-    icon: 'ri-download-2-fill',
-    downloadIcon: 'ri-download-2-fill',
-    links: [
-      { linkName: 'PDF', href: '#' },
-      { linkName: 'SVG', href: '#' },
-      { linkName: 'PNG', href: '#' },
-    ],
-  },
+    newTab: {
+        label: 'Open in new Tab',
+        link: '/#',
+        icon: 'ri-share-box-fill',
+    },
+    download: {
+        label: 'Download',
+        icon: 'ri-download-2-fill',
+        downloadIcon: 'ri-download-2-fill',
+        links: [
+            { linkName: 'PDF', href: '/#' },
+            { linkName: 'SVG', href: '/#' },
+            { linkName: 'PNG', href: '/#' },
+        ],
+    },
 };