Fix storyName not working with CSF3 and storyStoreV7 enabled

storybookjs · Jun 11, 2022 · 3bba2d7 · 3bba2d7
1 parent b2f4390
commit 3bba2d7
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 1 deletion.
diff --git a/lib/csf-tools/src/CsfFile.test.ts b/lib/csf-tools/src/CsfFile.test.ts
@@ -613,5 +613,28 @@ describe('CsfFile', () => {
               __id: foo-bar--a
       `);
     });
+
+    it('Object export with storyName', () => {
+      expect(
+        parse(
+          dedent`
+          export default { title: 'foo/bar' };
+          export const A = {
+            storyName: 'Apple'
+          }
+        `,
+          true
+        )
+      ).toMatchInlineSnapshot(`
+        meta:
+          title: foo/bar
+        stories:
+          - id: foo-bar--a
+            name: Apple
+            parameters:
+              __isArgsStory: true
+              __id: foo-bar--a
+      `);
+    });
   });
 });
diff --git a/lib/csf-tools/src/CsfFile.ts b/lib/csf-tools/src/CsfFile.ts
@@ -266,7 +266,10 @@ export class CsfFile {
                     if (t.isIdentifier(p.key)) {
                       if (p.key.name === 'render') {
                         __isArgsStory = isArgsStory(p.value as t.Expression, parent, self);
-                      } else if (p.key.name === 'name' && t.isStringLiteral(p.value)) {
+                      } else if (
+                        (p.key.name === 'name' || p.key.name === 'storyName') &&
+                        t.isStringLiteral(p.value)
+                      ) {
                         name = p.value.value;
                       }
                       self._storyAnnotations[exportName][p.key.name] = p.value;