Replace 'storyName' with 'name' in Angular stories

storybookjs · Oct 11, 2023 · 7bec7b3 · 7bec7b3
1 parent 79c2381
commit 7bec7b3
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 13 deletions.
diff --git a/...e/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts b/...e/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
@@ -22,7 +22,7 @@ export default meta;
 type Story = StoryObj<CustomCvaComponent>;
 
 export const SimpleInput: Story = {
-  storyName: 'Simple input',
+  name: 'Simple input',
   render: () => ({
     props: {
       ngModel: 'Type anything',

diff --git a/...ular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts b/...ular/template/stories/basics/component-with-ng-content/ng-content-about-parent.stories.ts
@@ -1,5 +1,5 @@
 import { Component, Input } from '@angular/core';
-import { componentWrapperDecorator, Meta, StoryFn, StoryObj } from '@storybook/angular';
+import { componentWrapperDecorator, Meta, StoryObj } from '@storybook/angular';
 
 @Component({
   selector: 'sb-button',
@@ -54,5 +54,5 @@ export const InH1: Story = {
     template: 'My button in h1',
   }),
   decorators: [componentWrapperDecorator((story) => `<h1>${story}</h1>`)],
-  storyName: 'In <h1>',
+  name: 'In <h1>',
 };
diff --git a/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
@@ -19,5 +19,5 @@ export default meta;
 type Story = StoryObj<OnPushBoxComponent>;
 
 export const ClassSpecifiedComponentWithOnPushAndArgs: Story = {
-  storyName: 'Class-specified component with OnPush and Args',
+  name: 'Class-specified component with OnPush and Args',
 };
diff --git a/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-pipe/custom-pipes.stories.ts
@@ -26,7 +26,7 @@ export const Simple: Story = {
 };
 
 export const WithArgsStory: Story = {
-  storyName: 'With args',
+  name: 'With args',
   argTypes: {
     field: { control: 'text' },
   },

diff --git a/...rameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts b/...rameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
@@ -16,11 +16,11 @@ export const InputsAndInjectDependencies: Story = {
       title: 'Component dependencies',
     },
   }),
-  storyName: 'inputs and inject dependencies',
+  name: 'inputs and inject dependencies',
 };
 
 export const InputsAndInjectDependenciesWithArgs: Story = {
-  storyName: 'inputs and inject dependencies with args',
+  name: 'inputs and inject dependencies with args',
   argTypes: {
     title: { control: 'text' },
   },

diff --git a/...ameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts b/...ameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
@@ -11,5 +11,5 @@ export default meta;
 type Story = StoryObj<StyledComponent>;
 
 export const ComponentWithStyles: Story = {
-  storyName: 'Component with styles',
+  name: 'Component with styles',
 };
diff --git a/...stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts b/...stories/basics/component-without-selector/without-selector-ng-component-outlet.stories.ts
@@ -56,7 +56,7 @@ class NgComponentOutletWrapperComponent implements OnInit {
 // Live changing of args by controls does not work at the moment. When changing args storybook does not fully
 // reload and therefore does not take into account the change of provider.
 export const WithCustomNgComponentOutletWrapper: Story = {
-  storyName: 'Custom wrapper *NgComponentOutlet',
+  name: 'Custom wrapper *NgComponentOutlet',
   argTypes: {
     name: { control: 'text' },
     color: { control: 'color' },

diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
@@ -33,11 +33,11 @@ export default meta;
 
 type Story = StoryObj<ChipsGroupComponent>;
 
-export const Base = {
-  storyName: 'Chips group',
+export const Base: Story = {
+  name: 'Chips group',
 };
 
-export const WithCustomProvider = {
+export const WithCustomProvider: Story = {
   decorators: [
     moduleMetadata({
       providers: [
@@ -48,5 +48,5 @@ export const WithCustomProvider = {
       ],
     }),
   ],
-  storyName: 'Chips group with overridden provider',
+  name: 'Chips group with overridden provider',
 };