Merge pull request #108 from storybookjs/storyname-test

Add test for handling csf3 `name` -> `storyName`
storybookjs · Jul 15, 2022 · 90df26e · 90df26e
2 parents 16f7182 + 79867fb
commit 90df26e
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 0 deletions.
diff --git a/example/src/__snapshots__/internals.test.tsx.snap b/example/src/__snapshots__/internals.test.tsx.snap
@@ -143,3 +143,18 @@ exports[`Renders WithLocale story 1`] = `
   </div>
 </body>
 `;
+
+exports[`Renders custom name story 1`] = `
+<body>
+  <div>
+    <div>
+      Locale: 
+      en
+    </div>
+    <button
+      class="storybook-button storybook-button--medium storybook-button--secondary"
+      type="button"
+    />
+  </div>
+</body>
+`;
diff --git a/example/src/components/Button.stories.tsx b/example/src/components/Button.stories.tsx
@@ -99,3 +99,8 @@ export const StoryWithDecoratorUseHook: CSF3Story<ButtonProps> = {
     }
   ]
 };
+
+export const StoryWithName: CSF3Story<ButtonProps> = {
+  name: "custom name",
+  args: {}
+}
diff --git a/example/src/internals.test.tsx b/example/src/internals.test.tsx
@@ -37,6 +37,11 @@ test('should pass with decorators that need addons channel', () => {
   expect(buttonElement).not.toBeNull();
 });
 
+test('should convert a csf3 name to storyName', () => {
+  const ComposedStoryWithName = composeStory(stories.StoryWithName, stories.default);
+  expect(ComposedStoryWithName.storyName).toBe('custom name');
+});
+
 describe('Unsupported formats', () => {
   test('should throw error StoryFn.story notation', () => {
     const UnsupportedStory = () => <div>hello world</div>;