CLI: Avoid id changes after storiesof-to-csf migration

examples/angular-cli/src/stories/addon-actions.stories.ts

@@ -5,19 +5,19 @@ export default {
   title: 'Addon/Actions',
 };
 
-export const actionOnly = () => ({
+export const ActionOnly = () => ({
   component: Button,
   props: {
     text: 'Action only',
     onClick: action('log 1'),
   },
 });
 
-actionOnly.story = {
+ActionOnly.story = {
   name: 'Action only',
 };
 
-export const actionAndMethod = () => ({
+export const ActionAndMethod = () => ({
   component: Button,
   props: {
     text: 'Action and Method',
@@ -29,6 +29,6 @@ export const actionAndMethod = () => ({
   },
 });
 
-actionAndMethod.story = {
+ActionAndMethod.story = {
   name: 'Action and method',
 };

examples/angular-cli/src/stories/addon-jest.stories.ts

@@ -13,12 +13,12 @@ export default {
   ],
 };
 
-export const appComponentWithJestTests = () => ({
+export const AppComponentWithJestTests = () => ({
   component: AppComponent,
   props: {},
 });
 
-appComponentWithJestTests.story = {
+AppComponentWithJestTests.story = {
   name: 'app.component with jest tests',
 
   parameters: {

examples/angular-cli/src/stories/addon-knobs.stories.ts

@@ -26,7 +26,7 @@ export default {
   },
 };
 
-export const simple = () => {
+export const Simple = () => {
   const name = text('name', 'John Doe');
   const age = number('age', 0);
   const phoneNumber = text('phoneNumber', '555-55-55');
@@ -53,11 +53,11 @@ export const simple = () => {
   };
 };
 
-simple.story = {
+Simple.story = {
   name: 'Simple',
 };
 
-export const allKnobs = () => {
+export const AllKnobs = () => {
   const name = text('name', 'Jane');
   const stock = number('stock', 20, {
     range: true,
@@ -101,14 +101,14 @@ export const allKnobs = () => {
   };
 };
 
-allKnobs.story = {
+AllKnobs.story = {
   name: 'All knobs',
 };
 
-export const xssSafety = () => ({
+export const XssSafety = () => ({
   template: text('Rendered string', '<img src=x onerror="alert(\'XSS Attack\')" >'),
 });
 
-xssSafety.story = {
+XssSafety.story = {
   name: 'XSS safety',
 };

examples/angular-cli/src/stories/addon-links.stories.ts

@@ -5,14 +5,14 @@ export default {
   title: 'Addon/Links',
 };
 
-export const buttonWithLinkToAnotherStory = () => ({
+export const ButtonWithLinkToAnotherStory = () => ({
   component: Button,
   props: {
     text: 'Go to Welcome Story',
     onClick: linkTo('Welcome'),
   },
 });
 
-buttonWithLinkToAnotherStory.story = {
+ButtonWithLinkToAnotherStory.story = {
   name: 'button with link to another story',
 };

examples/angular-cli/src/stories/addon-notes.stories.ts

@@ -4,28 +4,28 @@ export default {
   title: 'Addon/Notes',
 };
 
-export const simpleNote = () => ({
+export const SimpleNote = () => ({
   component: Button,
   props: {
     text: 'Notes on some Button',
     onClick: () => {},
   },
 });
 
-simpleNote.story = {
+SimpleNote.story = {
   name: 'Simple note',
   parameters: { notes: 'My notes on some button' },
 };
 
-export const noteWithHtml = () => ({
+export const NoteWithHtml = () => ({
   component: Button,
   props: {
     text: 'Notes with HTML',
     onClick: () => {},
   },
 });
 
-noteWithHtml.story = {
+NoteWithHtml.story = {
   name: 'Note with HTML',
   parameters: {
     notes: `

examples/angular-cli/src/stories/app.component.stories.ts

@@ -5,12 +5,12 @@ export default {
   component: AppComponent,
 };
 
-export const componentWithSeparateTemplate = () => ({
+export const ComponentWithSeparateTemplate = () => ({
   component: AppComponent,
   props: {},
 });
 
-componentWithSeparateTemplate.story = {
+ComponentWithSeparateTemplate.story = {
   name: 'Component with separate template',
   parameters: { docs: { iframeHeight: 400 } },
 };

examples/angular-cli/src/stories/component-with-di/di.component.stories.ts

@@ -5,25 +5,25 @@ export default {
   title: 'Custom/Dependencies',
 };
 
-export const inputsAndInjectDependencies = () => ({
+export const InputsAndInjectDependencies = () => ({
   component: DiComponent,
   props: {
     title: 'Component dependencies',
   },
 });
 
-inputsAndInjectDependencies.story = {
+InputsAndInjectDependencies.story = {
   name: 'inputs and inject dependencies',
 };
 
-export const inputsAndInjectDependenciesWithKnobs = () => ({
+export const InputsAndInjectDependenciesWithKnobs = () => ({
   component: DiComponent,
   props: {
     title: text('title', 'Component dependencies'),
   },
 });
 
-inputsAndInjectDependenciesWithKnobs.story = {
+InputsAndInjectDependenciesWithKnobs.story = {
   name: 'inputs and inject dependencies with knobs',
   decorators: [withKnobs],
 };

examples/angular-cli/src/stories/component-with-style/styled.component.stories.ts

@@ -4,10 +4,10 @@ export default {
   title: 'Custom/styleUrls',
 };
 
-export const componentWithStyles = () => ({
+export const ComponentWithStyles = () => ({
   component: StyledComponent,
 });
 
-componentWithStyles.story = {
+ComponentWithStyles.story = {
   name: 'Component with styles',
 };

examples/angular-cli/src/stories/core.stories.ts

@@ -14,15 +14,15 @@ export default {
   },
 };
 
-export const passedToStory = ({ parameters: { fileName, ...parameters } }) => ({
+export const PassedToStory = ({ parameters: { fileName, ...parameters } }) => ({
   component: Button,
   props: {
     text: `Parameters are ${JSON.stringify(parameters)}`,
     onClick: () => 0,
   },
 });
 
-passedToStory.story = {
+PassedToStory.story = {
   name: 'passed to story',
   parameters: { storyParameter },
 };

examples/angular-cli/src/stories/custom-pipes.stories.ts

@@ -16,25 +16,25 @@ export default {
   ],
 };
 
-export const simple = () => ({
+export const Simple = () => ({
   component: NameComponent,
   props: {
     field: 'foobar',
   },
 });
 
-simple.story = {
+Simple.story = {
   name: 'Simple',
 };
 
-export const withKnobsStory = () => ({
+export const WithKnobsStory = () => ({
   component: NameComponent,
   props: {
     field: text('field', 'foobar'),
   },
 });
 
-withKnobsStory.story = {
+WithKnobsStory.story = {
   name: 'With Knobs',
   decorators: [withKnobs],
 };

examples/angular-cli/src/stories/custom-providers.stories.ts

@@ -16,18 +16,18 @@ export default {
   ],
 };
 
-export const simple = () => ({
+export const Simple = () => ({
   component: ServiceComponent,
   props: {
     name: 'Static name',
   },
 });
 
-simple.story = {
+Simple.story = {
   name: 'Simple',
 };
 
-export const withKnobsStory = () => {
+export const WithKnobsStory = () => {
   const name = text('name', 'Dynamic knob');
 
   return {
@@ -38,7 +38,7 @@ export const withKnobsStory = () => {
   };
 };
 
-withKnobsStory.story = {
+WithKnobsStory.story = {
   name: 'With knobs',
   decorators: [withKnobs],
 };

examples/angular-cli/src/stories/custom-styles.stories.ts

@@ -12,7 +12,7 @@ export default {
   ],
 };
 
-export const defaultStory = () => ({
+export const DefaultStory = () => ({
   template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
   props: {
     text: 'Button with custom styles',
@@ -28,11 +28,11 @@ export const defaultStory = () => ({
   ],
 });
 
-defaultStory.story = {
+DefaultStory.story = {
   name: 'Default',
 };
 
-export const withKnobsStory = () => ({
+export const WithKnobsStory = () => ({
   template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
   props: {
     text: text('text', 'Button with custom styles'),
@@ -48,7 +48,7 @@ export const withKnobsStory = () => ({
   ],
 });
 
-withKnobsStory.story = {
+WithKnobsStory.story = {
   name: 'With Knobs',
   decorators: [withKnobs],
 };

examples/angular-cli/src/stories/customControlValueAccessor/custom-cva-component.stories.ts

@@ -9,15 +9,15 @@ export default {
   title: 'Custom/ngModel',
 };
 
-export const customControlValueAccessor = () => ({
+export const CustomControlValueAccessor = () => ({
   component: CustomCvaComponent,
   props: {
     ngModel: 'Type anything',
     ngModelChange: action('ngModelChnange'),
   },
 });
 
-customControlValueAccessor.story = {
+CustomControlValueAccessor.story = {
   name: 'custom ControlValueAccessor',
   parameters: { notes: description },
 };

examples/angular-cli/src/stories/doc-button/doc-button.stories.ts

@@ -6,7 +6,7 @@ export default {
   parameters: { docs: { iframeHeight: 120 } },
 };
 
-export const basic = () => ({
+export const Basic = () => ({
   component: ButtonComponent,
   props: {
     label: 'Docs Test',

examples/angular-cli/src/stories/inheritance/inheritance.stories.ts

@@ -5,25 +5,25 @@ export default {
   title: 'Custom/Inheritance',
 };
 
-export const iconButton = () => ({
+export const IconButton = () => ({
   component: IconButtonComponent,
   props: {
     icon: 'this is icon',
     label: 'this is label',
   },
 });
 
-iconButton.story = {
+IconButton.story = {
   name: 'icon button',
 };
 
-export const baseButton = () => ({
+export const BaseButton = () => ({
   component: BaseButtonComponent,
   props: {
     label: 'this is label',
   },
 });
 
-baseButton.story = {
+BaseButton.story = {
   name: 'base button',
 };

examples/angular-cli/src/stories/metadata-combined.stories.ts

@@ -22,18 +22,18 @@ export default {
   ],
 };
 
-export const combined1 = () => ({
+export const Combined1 = () => ({
   template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
   props: {
     name: 'Prop Name',
   },
 });
 
-combined1.story = {
+Combined1.story = {
   name: 'Combined 1',
 };
 
-export const combined2 = () => ({
+export const Combined2 = () => ({
   template: `<storybook-simple-token-component [name]="name | customPipe"></storybook-simple-token-component>`,
   props: {
     name: 'Prop Name',
@@ -43,6 +43,6 @@ export const combined2 = () => ({
   },
 });
 
-combined2.story = {
+Combined2.story = {
   name: 'Combined 2',
 };