Update snapshots

examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // 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]}
@@ -18,7 +18,7 @@ exports[`Storyshots Addon|Actions Action And Method 1`] = `
 </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]}

examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Background background component 1`] = `
+exports[`Storyshots Addon/Background background component 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -64,7 +64,7 @@ exports[`Storyshots Addon|Background background component 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Background background template 1`] = `
+exports[`Storyshots Addon/Background background template 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Centered centered component 1`] = `
+exports[`Storyshots Addon/Centered centered component 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -76,7 +76,7 @@ exports[`Storyshots Addon|Centered centered component 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Centered centered template 1`] = `
+exports[`Storyshots Addon/Centered centered template 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/addon-docs.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Docs With Some Emoji 1`] = `
+exports[`Storyshots Addon/Docs With Some Emoji 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -21,7 +21,7 @@ exports[`Storyshots Addon|Docs With Some Emoji 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Docs With Text 1`] = `
+exports[`Storyshots Addon/Docs With Text 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

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]}

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]}
@@ -51,7 +51,7 @@ exports[`Storyshots Addon|Knobs All Knobs 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Addon|Knobs Simple 1`] = `
+exports[`Storyshots Addon/Knobs Simple 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]}

examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot

@@ -1,6 +1,6 @@
 // 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]}

examples/angular-cli/src/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // 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]}
@@ -18,7 +18,7 @@ exports[`Storyshots Addon|Notes Note With Html 1`] = `
 </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]}

examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot

@@ -1,6 +1,6 @@
 // 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]}
@@ -12,7 +12,7 @@ exports[`Storyshots Core|Parameters Passed To Story 1`] = `
     <button
       _ngcontent-a-c20=""
     >
-      Parameters are {"options":{"hierarchyRootSeparator":{}},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
+      Parameters are {"options":{"showRoots":true},"docs":{"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"angular","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
     </button>
   </storybook-button-component>
 </storybook-dynamic-app-root>

examples/angular-cli/src/stories/__snapshots__/custom-ng-content.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|ng-content Default 1`] = `
+exports[`Storyshots Custom/ng-content Default 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Pipes Simple 1`] = `
+exports[`Storyshots Custom/Pipes Simple 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -14,7 +14,7 @@ exports[`Storyshots Custom|Pipes Simple 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Pipes With Knobs Story 1`] = `
+exports[`Storyshots Custom/Pipes With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Providers Simple 1`] = `
+exports[`Storyshots Custom/Providers Simple 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -17,7 +17,7 @@ exports[`Storyshots Custom|Providers Simple 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Providers With Knobs Story 1`] = `
+exports[`Storyshots Custom/Providers With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Style Default Story 1`] = `
+exports[`Storyshots Custom/Style Default Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -21,7 +21,7 @@ exports[`Storyshots Custom|Style Default Story 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Style With Knobs Story 1`] = `
+exports[`Storyshots Custom/Style With Knobs Story 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/metadata-combined.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Metadata|Combined Combined 1 1`] = `
+exports[`Storyshots Metadata/Combined Combined 1 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -30,7 +30,7 @@ exports[`Storyshots Metadata|Combined Combined 1 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Metadata|Combined Combined 2 1`] = `
+exports[`Storyshots Metadata/Combined Combined 2 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/metadata-individual.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Metadata|Individual Individual 1 1`] = `
+exports[`Storyshots Metadata/Individual Individual 1 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -30,7 +30,7 @@ exports[`Storyshots Metadata|Individual Individual 1 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Metadata|Individual Individual 2 1`] = `
+exports[`Storyshots Metadata/Individual Individual 2 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/metadata-shared.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Metadata|Shared Shared 1 1`] = `
+exports[`Storyshots Metadata/Shared Shared 1 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -30,7 +30,7 @@ exports[`Storyshots Metadata|Shared Shared 1 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Metadata|Shared Shared 2 1`] = `
+exports[`Storyshots Metadata/Shared Shared 2 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/__snapshots__/ngrx-store.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots ngrx|Store With component 1`] = `
+exports[`Storyshots ngrx/Store With component 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -14,7 +14,7 @@ exports[`Storyshots ngrx|Store With component 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots ngrx|Store With template 1`] = `
+exports[`Storyshots ngrx/Store With template 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/component-with-di/__snapshots__/di.component.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Dependencies Inputs And Inject Dependencies 1`] = `
+exports[`Storyshots Custom/Dependencies Inputs And Inject Dependencies 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -31,7 +31,7 @@ exports[`Storyshots Custom|Dependencies Inputs And Inject Dependencies 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Dependencies Inputs And Inject Dependencies With Knobs 1`] = `
+exports[`Storyshots Custom/Dependencies Inputs And Inject Dependencies With Knobs 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|styleUrls Component With Styles 1`] = `
+exports[`Storyshots Custom/styleUrls Component With Styles 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

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

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|ngModel Custom Control Value Accessor 1`] = `
+exports[`Storyshots Custom/ngModel Custom Control Value Accessor 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Inheritance Base Button 1`] = `
+exports[`Storyshots Custom/Inheritance Base Button 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -14,7 +14,7 @@ exports[`Storyshots Custom|Inheritance Base Button 1`] = `
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Inheritance Icon Button 1`] = `
+exports[`Storyshots Custom/Inheritance Icon Button 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/module-context/__snapshots__/module-context-forRoot.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Feature Module as Context with forRoot Component with default providers 1`] = `
+exports[`Storyshots Custom/Feature Module as Context with forRoot Component with default providers 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -31,7 +31,7 @@ exports[`Storyshots Custom|Feature Module as Context with forRoot Component with
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Feature Module as Context with forRoot Component with overridden provider 1`] = `
+exports[`Storyshots Custom/Feature Module as Context with forRoot Component with overridden provider 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -62,7 +62,7 @@ exports[`Storyshots Custom|Feature Module as Context with forRoot Component with
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Feature Module as Context with forRoot Component with self and dependencies declared in its feature module 1`] = `
+exports[`Storyshots Custom/Feature Module as Context with forRoot Component with self and dependencies declared in its feature module 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/module-context/__snapshots__/module-context.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Feature Module as Context Component with default providers 1`] = `
+exports[`Storyshots Custom/Feature Module as Context Component with default providers 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -31,7 +31,7 @@ exports[`Storyshots Custom|Feature Module as Context Component with default prov
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Feature Module as Context Component with overridden provider 1`] = `
+exports[`Storyshots Custom/Feature Module as Context Component with overridden provider 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}
@@ -62,7 +62,7 @@ exports[`Storyshots Custom|Feature Module as Context Component with overridden p
 </storybook-dynamic-app-root>
 `;
 
-exports[`Storyshots Custom|Feature Module as Context Component with self and dependencies declared in its feature module 1`] = `
+exports[`Storyshots Custom/Feature Module as Context Component with self and dependencies declared in its feature module 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/angular-cli/src/stories/on-push/__snapshots__/on-push.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|OnPush Class Specified Component With On Push And Knobs 1`] = `
+exports[`Storyshots Core/OnPush Class Specified Component With On Push And Knobs 1`] = `
 <storybook-dynamic-app-root
   cfr={[Function CodegenComponentFactoryResolver]}
   data={[Function Object]}

examples/html-kitchen-sink/stories/__snapshots__/addon-a11y.stories.storyshot

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|a11y Default 1`] = `<button />`;
+exports[`Storyshots Addons/a11y Default 1`] = `<button />`;
 
-exports[`Storyshots Addons|a11y Disabled 1`] = `
+exports[`Storyshots Addons/a11y Disabled 1`] = `
 <button
   disabled=""
 >
@@ -10,13 +10,13 @@ exports[`Storyshots Addons|a11y Disabled 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|a11y Label 1`] = `
+exports[`Storyshots Addons/a11y Label 1`] = `
 <button>
   Testing the a11y addon
 </button>
 `;
 
-exports[`Storyshots Addons|a11y Story 4 1`] = `
+exports[`Storyshots Addons/a11y Story 4 1`] = `
 <button
   style="color: black; background-color: brown;"
 >
@@ -24,4 +24,4 @@ exports[`Storyshots Addons|a11y Story 4 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|a11y Story 5 1`] = `<div />`;
+exports[`Storyshots Addons/a11y Story 5 1`] = `<div />`;

examples/html-kitchen-sink/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Actions Story 1 1`] = `
+exports[`Storyshots Addons/Actions Story 1 1`] = `
 <button
   type="button"
 >
@@ -8,7 +8,7 @@ exports[`Storyshots Addons|Actions Story 1 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 2 1`] = `
+exports[`Storyshots Addons/Actions Story 2 1`] = `
 <button
   type="button"
 >
@@ -16,7 +16,7 @@ exports[`Storyshots Addons|Actions Story 2 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 3 1`] = `
+exports[`Storyshots Addons/Actions Story 3 1`] = `
 <button
   type="button"
 >
@@ -24,7 +24,7 @@ exports[`Storyshots Addons|Actions Story 3 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 4 1`] = `
+exports[`Storyshots Addons/Actions Story 4 1`] = `
 <button
   type="button"
 >
@@ -32,12 +32,12 @@ exports[`Storyshots Addons|Actions Story 4 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 5 1`] = `
+exports[`Storyshots Addons/Actions Story 5 1`] = `
 
         
 `;
 
-exports[`Storyshots Addons|Actions Story 6 1`] = `
+exports[`Storyshots Addons/Actions Story 6 1`] = `
 <button
   type="button"
 >
@@ -45,7 +45,7 @@ exports[`Storyshots Addons|Actions Story 6 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 7 1`] = `
+exports[`Storyshots Addons/Actions Story 7 1`] = `
 <button
   type="button"
 >
@@ -53,7 +53,7 @@ exports[`Storyshots Addons|Actions Story 7 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Story 8 1`] = `
+exports[`Storyshots Addons/Actions Story 8 1`] = `
 <button
   type="button"
 >

examples/html-kitchen-sink/stories/__snapshots__/addon-backgrounds.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Backgrounds Story 1 1`] = `
+exports[`Storyshots Addons/Backgrounds Story 1 1`] = `
 <span
   style="color: white"
 >
@@ -8,7 +8,7 @@ exports[`Storyshots Addons|Backgrounds Story 1 1`] = `
 </span>
 `;
 
-exports[`Storyshots Addons|Backgrounds Story 2 1`] = `
+exports[`Storyshots Addons/Backgrounds Story 2 1`] = `
 <span
   style="color: white"
 >

examples/html-kitchen-sink/stories/__snapshots__/addon-centered.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Centered Story 1 1`] = `
+exports[`Storyshots Addons/Centered Story 1 1`] = `
 <div
   id="sb-addon-centered-wrapper"
   style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"

examples/html-kitchen-sink/stories/__snapshots__/addon-docs.stories.storyshot

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Docs Function Story 1`] = `
+exports[`Storyshots Addons/Docs Function Story 1`] = `
 <button>
   Hello Button
 </button>
 `;
 
-exports[`Storyshots Addons|Docs Heading 1`] = `
+exports[`Storyshots Addons/Docs Heading 1`] = `
 <h1>
   Hello World
 </h1>

examples/html-kitchen-sink/stories/__snapshots__/addon-events.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Events Logger 1`] = `
+exports[`Storyshots Addons/Events Logger 1`] = `
 
     
 `;

examples/html-kitchen-sink/stories/__snapshots__/addon-jest.stories.storyshot

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Jest With Tests 1`] = `This story shows test results`;
+exports[`Storyshots Addons/Jest With Tests 1`] = `This story shows test results`;

examples/html-kitchen-sink/stories/__snapshots__/addon-knobs.stories.storyshot

@@ -1,18 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Knobs DOM 1`] = `
+exports[`Storyshots Addons/Knobs DOM 1`] = `
 <p>
   John Doe
 </p>
 `;
 
-exports[`Storyshots Addons|Knobs Simple 1`] = `
+exports[`Storyshots Addons/Knobs Simple 1`] = `
 <div>
   I am John Doe and I'm 44 years old.
 </div>
 `;
 
-exports[`Storyshots Addons|Knobs Story 3 1`] = `
+exports[`Storyshots Addons/Knobs Story 3 1`] = `
 <p
   style="transition: color 0.5s ease-out; color: orangered;"
 >
@@ -20,7 +20,7 @@ exports[`Storyshots Addons|Knobs Story 3 1`] = `
 </p>
 `;
 
-exports[`Storyshots Addons|Knobs Story 4 1`] = `
+exports[`Storyshots Addons/Knobs Story 4 1`] = `
 <div
   style="border: 2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
 >
@@ -67,4 +67,4 @@ exports[`Storyshots Addons|Knobs Story 4 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addons|Knobs Story 5 1`] = `&lt;img src=x onerror="alert('XSS Attack')" &gt;`;
+exports[`Storyshots Addons/Knobs Story 5 1`] = `&lt;img src=x onerror="alert('XSS Attack')" &gt;`;

examples/html-kitchen-sink/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Notes Story 1 1`] = `
+exports[`Storyshots Addons/Notes Story 1 1`] = `
 <p>
   
       

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Actions Action And Method 1`] = `
+exports[`Storyshots Addons/Actions Action And Method 1`] = `
 <button
   class="button"
   onclick={[Function]}
@@ -9,7 +9,7 @@ exports[`Storyshots Addons|Actions Action And Method 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Action Only 1`] = `
+exports[`Storyshots Addons/Actions Action Only 1`] = `
 <button
   class="button"
   onclick={[Function]}
@@ -18,7 +18,7 @@ exports[`Storyshots Addons|Actions Action Only 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Multiple Actions 1`] = `
+exports[`Storyshots Addons/Actions Multiple Actions 1`] = `
 <button
   class="button"
   onclick={[Function]}
@@ -28,7 +28,7 @@ exports[`Storyshots Addons|Actions Multiple Actions 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Actions Multiple Actions Object 1`] = `
+exports[`Storyshots Addons/Actions Multiple Actions Object 1`] = `
 <button
   class="button"
   onclick={[Function]}

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
+exports[`Storyshots Addons/Backgrounds Example 1 1`] = `
 <button
   class="button"
 >
@@ -8,7 +8,7 @@ exports[`Storyshots Addons|Backgrounds Example 1 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addons|Backgrounds Example 2 1`] = `
+exports[`Storyshots Addons/Backgrounds Example 2 1`] = `
 <button
   class="button"
 >

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Centered Button 1`] = `
+exports[`Storyshots Addons/Centered Button 1`] = `
 Object {
   "__b": 0,
   "__c": null,

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Contexts Simple Css Theming 1`] = `
+exports[`Storyshots Addons/Contexts Simple Css Theming 1`] = `
 <div
   style={
     Object {

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Knobs All Knobs 1`] = `
+exports[`Storyshots Addons/Knobs All Knobs 1`] = `
 <div
   style="border:2px dotted deeppink; padding: 8px 22px; border-radius: 8px"
 >
@@ -33,7 +33,7 @@ exports[`Storyshots Addons|Knobs All Knobs 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addons|Knobs Simple 1`] = `
+exports[`Storyshots Addons/Knobs Simple 1`] = `
 <div>
   I am John Doe and I'm 44 years old.
 </div>

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Links Go To Welcome 1`] = `
+exports[`Storyshots Addons/Links Go To Welcome 1`] = `
 <button
   class="button"
   onclick={[Function]}

examples/preact-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addons|Notes Note With Html 1`] = `
+exports[`Storyshots Addons/Notes Note With Html 1`] = `
 <p>
   <span>
     🤔😳😯😮
@@ -16,7 +16,7 @@ exports[`Storyshots Addons|Notes Note With Html 1`] = `
 </p>
 `;
 
-exports[`Storyshots Addons|Notes Simple Note 1`] = `
+exports[`Storyshots Addons/Notes Simple Note 1`] = `
 <p>
   <strong>
     Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.

examples/riot-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Actions Action Only 1`] = `
+exports[`Storyshots Addon/Actions Action Only 1`] = `
 <div
   data-is="my-button"
   id="root"
@@ -14,7 +14,7 @@ exports[`Storyshots Addon|Actions Action Only 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Actions Multiple Actions 1`] = `
+exports[`Storyshots Addon/Actions Multiple Actions 1`] = `
 <div
   data-is="my-button"
   id="root"

examples/riot-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Backgrounds Story 1 1`] = `
+exports[`Storyshots Addon/Backgrounds Story 1 1`] = `
 <div
   data-is="root"
   id="root"
@@ -16,7 +16,7 @@ exports[`Storyshots Addon|Backgrounds Story 1 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Backgrounds Story 2 1`] = `
+exports[`Storyshots Addon/Backgrounds Story 2 1`] = `
 <div
   data-is="root"
   id="root"

examples/riot-kitchen-sink/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`] = `
 <div
   data-is="root"
   id="root"
@@ -55,7 +55,7 @@ exports[`Storyshots Addon|Knobs All Knobs 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Knobs Simple 1`] = `
+exports[`Storyshots Addon/Knobs Simple 1`] = `
 <div
   data-is="root"
   id="root"
@@ -66,7 +66,7 @@ exports[`Storyshots Addon|Knobs Simple 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Knobs Xss Safety 1`] = `
+exports[`Storyshots Addon/Knobs Xss Safety 1`] = `
 <div
   data-is="root"
   id="root"

examples/riot-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Links Go To Welcome 1`] = `
+exports[`Storyshots Addon/Links Go To Welcome 1`] = `
 <div
   data-is="my-button"
   id="root"

examples/riot-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Notes Note With Html 1`] = `
+exports[`Storyshots Addon/Notes Note With Html 1`] = `
 <div
   data-is="root"
   id="root"
@@ -17,7 +17,7 @@ exports[`Storyshots Addon|Notes Note With Html 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Notes Simple Note 1`] = `
+exports[`Storyshots Addon/Notes Simple Note 1`] = `
 <div
   data-is="root"
   id="root"

examples/riot-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Parameters Passed To Story 1`] = `
+exports[`Storyshots Core/Parameters Passed To Story 1`] = `
 <div
   data-is="parameters"
   id="root"
 >
   <div>
-    Parameters are {"options":{"hierarchyRootSeparator":{}},"docs":{},"globalParameter":"globalParameter","framework":"riot","chapterParameter":"chapterParameter","displayName":"passed to story","storyParameter":"storyParameter","id":"root","dataIs":"parameters"}
+    Parameters are {"options":{"showRoots":true},"docs":{},"globalParameter":"globalParameter","framework":"riot","chapterParameter":"chapterParameter","displayName":"passed to story","storyParameter":"storyParameter","id":"root","dataIs":"parameters"}
   </div>
 </div>
 `;

examples/riot-kitchen-sink/src/stories/__snapshots__/nested-tags.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Story|Nest tags Matriochka 1`] = `
+exports[`Storyshots Story/Nest tags Matriochka 1`] = `
 <div
   data-is="root"
   id="root"
@@ -58,7 +58,7 @@ exports[`Storyshots Story|Nest tags Matriochka 1`] = `
 </div>
 `;
 
-exports[`Storyshots Story|Nest tags Three Tags 1`] = `
+exports[`Storyshots Story/Nest tags Three Tags 1`] = `
 <div
   data-is="root"
   id="root"

examples/riot-kitchen-sink/src/stories/__snapshots__/story-code.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Story|How to create a story Built As String 1`] = `
+exports[`Storyshots Story/How to create a story Built As String 1`] = `
 <div
   data-is="root"
   id="root"
@@ -13,7 +13,7 @@ exports[`Storyshots Story|How to create a story Built As String 1`] = `
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story Built From Raw Import 1`] = `
+exports[`Storyshots Story/How to create a story Built From Raw Import 1`] = `
 <div
   data-is="simpletest"
   id="root"
@@ -24,7 +24,7 @@ exports[`Storyshots Story|How to create a story Built From Raw Import 1`] = `
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story Built From Tags And Template 1`] = `
+exports[`Storyshots Story/How to create a story Built From Tags And Template 1`] = `
 <div
   data-is="root"
   id="root"
@@ -39,7 +39,7 @@ exports[`Storyshots Story|How to create a story Built From Tags And Template 1`]
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story Built From The Precompilation 1`] = `
+exports[`Storyshots Story/How to create a story Built From The Precompilation 1`] = `
 <div
   data-is="anothertest"
   id="root"
@@ -50,7 +50,7 @@ exports[`Storyshots Story|How to create a story Built From The Precompilation 1`
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story Built With Tag 1`] = `
+exports[`Storyshots Story/How to create a story Built With Tag 1`] = `
 <div
   data-is="test"
   id="root"
@@ -61,7 +61,7 @@ exports[`Storyshots Story|How to create a story Built With Tag 1`] = `
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story Tags Template And Tag Constructor At Once 1`] = `
+exports[`Storyshots Story/How to create a story Tags Template And Tag Constructor At Once 1`] = `
 <div
   data-is="root"
   id="root"
@@ -77,7 +77,7 @@ exports[`Storyshots Story|How to create a story Tags Template And Tag Constructo
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story The Mount Instruction Is Not Necessary 1`] = `
+exports[`Storyshots Story/How to create a story The Mount Instruction Is Not Necessary 1`] = `
 <div
   data-is="anothertest"
   id="root"
@@ -88,7 +88,7 @@ exports[`Storyshots Story|How to create a story The Mount Instruction Is Not Nec
 </div>
 `;
 
-exports[`Storyshots Story|How to create a story The Opts Value Is Not Necessary 1`] = `
+exports[`Storyshots Story/How to create a story The Opts Value Is Not Necessary 1`] = `
 <div
   data-is="anothertest"
   id="root"

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Actions Action On Component Method 1`] = `
+exports[`Storyshots Addon/Actions Action On Component Method 1`] = `
 <section
   class="storybook-snapshot-container"
 >
@@ -19,7 +19,7 @@ exports[`Storyshots Addon|Actions Action On Component Method 1`] = `
 </section>
 `;
 
-exports[`Storyshots Addon|Actions Action On View Method 1`] = `
+exports[`Storyshots Addon/Actions Action On View Method 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Backgrounds Story 1 1`] = `
+exports[`Storyshots Addon/Backgrounds Story 1 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Centered Rounded 1`] = `
+exports[`Storyshots Addon/Centered Rounded 1`] = `
 <section
   class="storybook-snapshot-container"
 >
@@ -19,7 +19,7 @@ exports[`Storyshots Addon|Centered Rounded 1`] = `
 </section>
 `;
 
-exports[`Storyshots Addon|Centered With Action 1`] = `
+exports[`Storyshots Addon/Centered With Action 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-knobs.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Knobs Simple 1`] = `
+exports[`Storyshots Addon/Knobs Simple 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Links Go To Welcome View 1`] = `
+exports[`Storyshots Addon/Links Go To Welcome View 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/svelte-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Notes Note With Html 1`] = `
+exports[`Storyshots Addon/Notes Note With Html 1`] = `
 <section
   class="storybook-snapshot-container"
 >
@@ -42,7 +42,7 @@ exports[`Storyshots Addon|Notes Note With Html 1`] = `
 </section>
 `;
 
-exports[`Storyshots Addon|Notes Simple Note 1`] = `
+exports[`Storyshots Addon/Notes Simple Note 1`] = `
 <section
   class="storybook-snapshot-container"
 >

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-actions.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Actions Action And Method 1`] = `
+exports[`Storyshots Addon/Actions Action And Method 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -9,7 +9,7 @@ exports[`Storyshots Addon|Actions Action And Method 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon|Actions Action Only 1`] = `
+exports[`Storyshots Addon/Actions Action Only 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -18,7 +18,7 @@ exports[`Storyshots Addon|Actions Action Only 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon|Actions Multiple Actions 1`] = `
+exports[`Storyshots Addon/Actions Multiple Actions 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -27,7 +27,7 @@ exports[`Storyshots Addon|Actions Multiple Actions 1`] = `
 </button>
 `;
 
-exports[`Storyshots Addon|Actions Multiple Actions Object 1`] = `
+exports[`Storyshots Addon/Actions Multiple Actions Object 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-backgrounds.stories.storyshot

@@ -1,12 +1,12 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Backgrounds Story 1 1`] = `
+exports[`Storyshots Addon/Backgrounds Story 1 1`] = `
 <button>
   You should be able to switch backgrounds for this story
 </button>
 `;
 
-exports[`Storyshots Addon|Backgrounds Story 2 1`] = `
+exports[`Storyshots Addon/Backgrounds Story 2 1`] = `
 <button>
   This one too!
 </button>

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-centered.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Centered Rounded 1`] = `
+exports[`Storyshots Addon/Centered Rounded 1`] = `
 <div
   style="position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; display: flex; align-items: center; overflow: auto;"
 >

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-contexts.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Contexts Languages 1`] = `
+exports[`Storyshots Addon/Contexts Languages 1`] = `
 <div
   style="color: white; background: rgb(23, 63, 95); height: 100vh; padding: 10px;"
 >
@@ -12,7 +12,7 @@ exports[`Storyshots Addon|Contexts Languages 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Contexts Simple Css Theming 1`] = `
+exports[`Storyshots Addon/Contexts Simple Css Theming 1`] = `
 <div
   style="color: white; background: rgb(23, 63, 95); height: 100vh; padding: 10px;"
 >

examples/vue-kitchen-sink/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`] = `
 <div
   style="border: 2px dotted; padding: 8px 22px; border-radius: 8px; border-color: deeppink;"
 >
@@ -38,13 +38,13 @@ exports[`Storyshots Addon|Knobs All Knobs 1`] = `
 </div>
 `;
 
-exports[`Storyshots Addon|Knobs Simple 1`] = `
+exports[`Storyshots Addon/Knobs Simple 1`] = `
 <div>
   I am John Doe and I'm 40 years old.
 </div>
 `;
 
-exports[`Storyshots Addon|Knobs Xss Safety 1`] = `
+exports[`Storyshots Addon/Knobs Xss Safety 1`] = `
 <div>
   &lt;img src=x onerror="alert('XSS Attack')" &gt;
 </div>

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-links.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Links Go To Welcome 1`] = `
+exports[`Storyshots Addon/Links Go To Welcome 1`] = `
 <button
   class="button rounded"
   style="color: rgb(66, 185, 131); border-color: #42b983;"

examples/vue-kitchen-sink/src/stories/__snapshots__/addon-notes.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Addon|Notes Note With Html 1`] = `
+exports[`Storyshots Addon/Notes Note With Html 1`] = `
 <p>
   🤔😳😯😮
   <br />
@@ -10,7 +10,7 @@ exports[`Storyshots Addon|Notes Note With Html 1`] = `
 </p>
 `;
 
-exports[`Storyshots Addon|Notes Simple Note 1`] = `
+exports[`Storyshots Addon/Notes Simple Note 1`] = `
 <p>
   <strong>
     Etiam vulputate elit eu venenatis eleifend. Duis nec lectus augue. Morbi egestas diam sed vulputate mollis. Fusce egestas pretium vehicula. Integer sed neque diam. Donec consectetur velit vitae enim varius, ut placerat arcu imperdiet. Praesent sed faucibus arcu. Nullam sit amet nibh a enim eleifend rhoncus. Donec pretium elementum leo at fermentum. Nulla sollicitudin, mauris quis semper tempus, sem metus tristique diam, efficitur pulvinar mi urna id urna.

examples/vue-kitchen-sink/src/stories/__snapshots__/core-errors.stories.storyshot

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Errors Null Error 1`] = `<!---->`;
+exports[`Storyshots Core/Errors Null Error 1`] = `<!---->`;

examples/vue-kitchen-sink/src/stories/__snapshots__/core-template.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Template String Only 1`] = `
+exports[`Storyshots Core/Template String Only 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"

examples/vue-kitchen-sink/src/stories/__snapshots__/core.stories.storyshot

@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Core|Parameters Passed To Story 1`] = `
+exports[`Storyshots Core/Parameters Passed To Story 1`] = `
 <div>
-  Parameters are {"options":{"hierarchyRootSeparator":{}},"docs":{"inlineStories":true,"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
+  Parameters are {"options":{"showRoots":true},"docs":{"inlineStories":true,"iframeHeight":"60px"},"globalParameter":"globalParameter","framework":"vue","chapterParameter":"chapterParameter","storyParameter":"storyParameter","displayName":"passed to story"}
 </div>
 `;

examples/vue-kitchen-sink/src/stories/__snapshots__/custom-decorators.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Decorator for Vue Render 1`] = `
+exports[`Storyshots Custom/Decorator for Vue Render 1`] = `
 <div
   style="border: medium solid blue;"
 >
@@ -17,7 +17,7 @@ exports[`Storyshots Custom|Decorator for Vue Render 1`] = `
 </div>
 `;
 
-exports[`Storyshots Custom|Decorator for Vue Template 1`] = `
+exports[`Storyshots Custom/Decorator for Vue Template 1`] = `
 <div
   style="border: medium solid blue;"
 >
@@ -34,7 +34,7 @@ exports[`Storyshots Custom|Decorator for Vue Template 1`] = `
 </div>
 `;
 
-exports[`Storyshots Custom|Decorator for Vue With Data 1`] = `
+exports[`Storyshots Custom/Decorator for Vue With Data 1`] = `
 <div
   style="border: medium solid blue;"
 >
@@ -44,12 +44,12 @@ exports[`Storyshots Custom|Decorator for Vue With Data 1`] = `
     <pre>
       {
   "id": "custom-decorator-for-vue--with-data",
-  "kind": "Custom|Decorator for Vue",
+  "kind": "Custom/Decorator for Vue",
   "name": "With Data",
   "story": "With Data",
   "parameters": {
     "options": {
-      "hierarchyRootSeparator": {}
+      "showRoots": true
     },
     "docs": {
       "inlineStories": true,

examples/vue-kitchen-sink/src/stories/__snapshots__/custom-rendering.stories.storyshot

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue JSX 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -9,7 +9,7 @@ exports[`Storyshots Custom|Method for rendering Vue JSX 1`] = `
 </button>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Pre Registered Component 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Pre Registered Component 1`] = `
 <p>
   <em>
     This component was pre-registered in .storybook/config.js
@@ -25,13 +25,13 @@ exports[`Storyshots Custom|Method for rendering Vue Pre Registered Component 1`]
 </p>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Render 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Render 1`] = `
 <div>
   renders a div with some text in it..
 </div>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Render Component 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Render Component 1`] = `
 <button
   class="button"
   style="color: pink; border-color: pink;"
@@ -40,7 +40,7 @@ exports[`Storyshots Custom|Method for rendering Vue Render Component 1`] = `
 </button>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Template 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Template 1`] = `
 <div>
   <h1>
     A template
@@ -52,7 +52,7 @@ exports[`Storyshots Custom|Method for rendering Vue Template 1`] = `
 </div>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Template Component 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Template Component 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -61,7 +61,7 @@ exports[`Storyshots Custom|Method for rendering Vue Template Component 1`] = `
 </button>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Template Methods 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Template Methods 1`] = `
 <p>
   <em>
     Clicking the button will navigate to another story using the 'addon-links'
@@ -77,7 +77,7 @@ exports[`Storyshots Custom|Method for rendering Vue Template Methods 1`] = `
 </p>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Vuex Actions 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Vuex Actions 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"
@@ -86,7 +86,7 @@ exports[`Storyshots Custom|Method for rendering Vue Vuex Actions 1`] = `
 </button>
 `;
 
-exports[`Storyshots Custom|Method for rendering Vue Whatever You Want 1`] = `
+exports[`Storyshots Custom/Method for rendering Vue Whatever You Want 1`] = `
 <button
   class="button"
   style="color: rgb(66, 185, 131); border-color: #42b983;"