Angular: Convert angular-cli stories to CSF (#7668)

Angular: Convert angular-cli stories to CSF
storybookjs · Oct 18, 2019 · d813f52 · d813f52 · vercel · Oct 18, 2019
2 parents 11697a8 + 6ae2223
commit d813f52
Show file tree

Hide file tree

Showing 39 changed files with 620 additions and 476 deletions.
diff --git a/examples/angular-cli/jest.config.js b/examples/angular-cli/jest.config.js
@@ -8,6 +8,7 @@ module.exports = {
   },
   roots: [__dirname],
   transform: {
+    '^.+\\.stories\\.[jt]sx?$': '@storybook/addon-storyshots/injectFileName',
     '^.+\\.jsx?$': '<rootDir>/scripts/babel-jest.js',
     '^.+[/\\\\].storybook[/\\\\]config\\.ts$': '<rootDir>/scripts/jest-ts-babel.js',
     '^.+\\.html$': '<rootDir>/node_modules/jest-preset-angular/preprocessor.js',

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
@@ -1,34 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Actions Action and method 1`] = `
+exports[`Storyshots Addon|Actions Action And Method 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c1=""
+    _nghost-a-c14=""
   >
     <button
-      _ngcontent-a-c1=""
+      _ngcontent-a-c14=""
     >
       Action and Method
     </button>
   </storybook-button-component>
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Actions Action only 1`] = `
+exports[`Storyshots Addon|Actions Action Only 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c0=""
+    _nghost-a-c13=""
   >
     <button
-      _ngcontent-a-c0=""
+      _ngcontent-a-c13=""
     >
       Action only
     </button>

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
@@ -72,11 +72,11 @@ exports[`Storyshots Addon|Background background template 1`] = `
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c2=""
+      _nghost-a-c0=""
       ng-reflect-text="Hello Button"
     >
       <button
-        _ngcontent-a-c2=""
+        _ngcontent-a-c0=""
       >
         Hello Button
       </button>

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot
@@ -92,11 +92,11 @@ exports[`Storyshots Addon|Centered centered template 1`] = `
         style="margin: auto; max-height: 100%;"
       >
         <storybook-button-component
-          _nghost-a-c3=""
+          _nghost-a-c1=""
           ng-reflect-text="Hello Button"
         >
           <button
-            _ngcontent-a-c3=""
+            _ngcontent-a-c1=""
           >
             Hello Button
           </button>

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-jest.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-jest.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Jest app.component with jest tests 1`] = `
+exports[`Storyshots Addon|Jest App Component With Jest Tests 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Knobs All knobs 1`] = `
+exports[`Storyshots Addon|Knobs All Knobs 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -76,7 +76,7 @@ exports[`Storyshots Addon|Knobs Simple 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Knobs XSS safety 1`] = `
+exports[`Storyshots Addon|Knobs Xss Safety 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
@@ -1,16 +1,16 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Links button with link to another story 1`] = `
+exports[`Storyshots Addon|Links Button With Link To Another Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c4=""
+    _nghost-a-c15=""
   >
     <button
-      _ngcontent-a-c4=""
+      _ngcontent-a-c15=""
     >
       Go to Welcome Story
     </button>

diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot
@@ -1,34 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Notes Note with HTML 1`] = `
+exports[`Storyshots Addon|Notes Note With Html 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c6=""
+    _nghost-a-c17=""
   >
     <button
-      _ngcontent-a-c6=""
+      _ngcontent-a-c17=""
     >
       Notes with HTML
     </button>
   </storybook-button-component>
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Notes Simple note 1`] = `
+exports[`Storyshots Addon|Notes Simple Note 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c5=""
+    _nghost-a-c16=""
   >
     <button
-      _ngcontent-a-c5=""
+      _ngcontent-a-c16=""
     >
       Notes on some Button
     </button>

diff --git a/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots App Component Component with separate template 1`] = `
+exports[`Storyshots App Component Component With Separate Template 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

diff --git a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Parameters passed to story 1`] = `
+exports[`Storyshots Core|Parameters Passed To Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <storybook-button-component
-    _nghost-a-c7=""
+    _nghost-a-c18=""
   >
     <button
-      _ngcontent-a-c7=""
+      _ngcontent-a-c18=""
     >
-      Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter"}
+      Parameters are {"options":{"hierarchyRootSeparator":{},"hierarchySeparator":{}},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
     </button>
   </storybook-button-component>
 </storybook-dynamic-app-root>

diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot
@@ -14,7 +14,7 @@ exports[`Storyshots Custom|Pipes Simple 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Pipes With Knobs 1`] = `
+exports[`Storyshots Custom|Pipes With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot
@@ -17,7 +17,7 @@ exports[`Storyshots Custom|Providers Simple 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Providers With knobs 1`] = `
+exports[`Storyshots Custom|Providers With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Style Default 1`] = `
+exports[`Storyshots Custom|Style Default Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c8=""
+      _nghost-a-c19=""
       ng-reflect-text="Button with custom styles"
     >
       <button
-        _ngcontent-a-c8=""
+        _ngcontent-a-c19=""
       >
         Button with custom styles
       </button>
@@ -21,19 +21,19 @@ exports[`Storyshots Custom|Style Default 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Style With Knobs 1`] = `
+exports[`Storyshots Custom|Style With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
   target={[Function ViewContainerRef_]}
 >
   <ng-component>
     <storybook-button-component
-      _nghost-a-c9=""
+      _nghost-a-c20=""
       ng-reflect-text="Button with custom styles"
     >
       <button
-        _ngcontent-a-c9=""
+        _ngcontent-a-c20=""
       >
         Button with custom styles
       </button>