Add test for json indexer

storybookjs · Apr 28, 2023 · dc5a9b8 · dc5a9b8
1 parent 6a8fed1
commit dc5a9b8
Show file tree

Hide file tree

Showing 2 changed files with 54 additions and 6 deletions.
diff --git a/code/lib/csf-tools/src/CsfFile.test.ts b/code/lib/csf-tools/src/CsfFile.test.ts
@@ -1,9 +1,9 @@
 /// <reference types="@types/jest" />;
 
 /* eslint-disable no-underscore-dangle */
-import { dedent } from 'ts-dedent';
 import yaml from 'js-yaml';
-import { loadCsf } from './CsfFile';
+import { dedent } from 'ts-dedent';
+import { loadCsf, loadCsfFromJson } from './CsfFile';
 
 expect.addSnapshotSerializer({
   print: (val: any) => yaml.dump(val).trimEnd(),
@@ -529,9 +529,57 @@ describe('CsfFile', () => {
         }
       `)
       ).toMatchInlineSnapshot(`
-      meta:
-        title: Chip
-      stories: []
+              meta:
+                title: Chip
+              stories: []
+            `);
+    });
+  });
+
+  describe('json parsing', () => {
+    it('json', () => {
+      expect(
+        loadCsfFromJson(
+          JSON.stringify({
+            title: 'Foo/Bar/Baz',
+            parameters: {
+              server: {
+                params: {
+                  ParamA: 'ParamA',
+                },
+              },
+            },
+            args: {
+              ArgsA: 'ArgsA',
+            },
+            stories: [
+              {
+                name: 'StoryA',
+                args: {
+                  StoryArgsA: 'StoryArgsA',
+                },
+              },
+              {
+                name: 'StoryB',
+                args: {
+                  StoryArgsB: 'StoryArgsB',
+                },
+              },
+            ],
+          }),
+          {
+            fileName: 'foo.json',
+            makeTitle: (path) => path,
+          }
+        )
+      ).toMatchInlineSnapshot(`
+        meta:
+          title: Foo/Bar/Baz
+        stories:
+          - id: foo-bar-baz--storya
+            name: StoryA
+          - id: foo-bar-baz--storyb
+            name: StoryB
       `);
     });
   });

diff --git a/code/lib/csf-tools/src/CsfFile.ts b/code/lib/csf-tools/src/CsfFile.ts
@@ -544,7 +544,7 @@ export const loadCsfFromJson = (jsonString: string, options: CsfOptions): Indexe
     // TODO: meta tags?
   };
   // TODO: title format helpers?
-  const metaTitle = meta.title + ''.replace(/\/|\\/g, '-').toLowerCase();
+  const metaTitle = meta.title.replace(/\/|\\/g, '-').toLowerCase();
   const stories: IndexedStory[] = json.stories.map((story: any) => {
     const id = `${metaTitle}--${story.name.toLowerCase().replace(/ /g, '-')}`;
     const { name } = story;