From bf3a0149a8ef3cfbc8bc993a8e817baacb0496b9 Mon Sep 17 00:00:00 2001
From: ThibaudAv <thibaud.avenier@gmail.com>
Date: Fri, 11 Dec 2020 00:12:37 +0100
Subject: [PATCH] feat(angular): remove internal storybook properties in
 storyshot

Generates snapshots that will change less if the internal stroybook properties change
---
 .../src/frameworks/angular/renderTree.ts      |  3 +-
 .../addon-actions.stories.storyshot           | 20 ++----------
 .../addon-background.stories.storyshot        | 16 ++--------
 .../addon-controls.stories.storyshot          | 20 ++----------
 .../addon-docs.stories.storyshot              | 16 ++--------
 .../addon-jest.stories.storyshot              |  8 +----
 .../addon-knobs.stories.storyshot             | 32 ++-----------------
 .../addon-links.stories.storyshot             | 10 +-----
 .../app.component.stories.storyshot           |  8 +----
 .../__snapshots__/core.stories.storyshot      | 10 +-----
 .../custom-ng-content.stories.storyshot       |  6 +---
 .../custom-pipes.stories.storyshot            | 18 ++---------
 .../custom-providers.stories.storyshot        | 18 ++---------
 .../custom-styles.stories.storyshot           | 16 ++--------
 .../__snapshots__/index.stories.storyshot     | 32 +++++++------------
 .../metadata-combined.stories.storyshot       | 14 ++------
 .../metadata-individual.stories.storyshot     | 13 ++------
 .../metadata-shared.stories.storyshot         | 13 ++------
 .../ngrx-store.stories.storyshot              | 14 ++------
 .../di.component.stories.storyshot            | 18 ++---------
 .../enums.component.stories.storyshot         | 14 +-------
 .../styled.component.stories.storyshot        |  8 +----
 .../custom-cva-component.stories.storyshot    | 10 +-----
 .../doc-button.stories.storyshot              | 10 +-----
 .../doc-directive.stories.storyshot           |  6 +---
 .../doc-injectable.stories.storyshot          |  6 +---
 .../__snapshots__/doc-pipe.stories.storyshot  |  6 +---
 .../angular-cli/src/stories/index.stories.ts  |  2 +-
 .../inheritance.stories.storyshot             | 19 ++---------
 .../12009-unknown-component.stories.storyshot |  9 +-----
 .../module-context-forRoot.stories.storyshot  | 31 ++----------------
 .../module-context.stories.storyshot          | 31 ++----------------
 .../__snapshots__/on-push.stories.storyshot   | 10 +-----
 33 files changed, 64 insertions(+), 403 deletions(-)

diff --git a/addons/storyshots/storyshots-core/src/frameworks/angular/renderTree.ts b/addons/storyshots/storyshots-core/src/frameworks/angular/renderTree.ts
index ce691422170d..350f8a2dfb0b 100644
--- a/addons/storyshots/storyshots-core/src/frameworks/angular/renderTree.ts
+++ b/addons/storyshots/storyshots-core/src/frameworks/angular/renderTree.ts
@@ -36,7 +36,8 @@ function getRenderedTree(story: any) {
     const tree = TestBed.createComponent(moduleMeta.bootstrap[0] as any);
     tree.detectChanges();
 
-    return tree;
+    // Empty componentInstance remove attributes of the internal main component (<storybook-wrapper>) in snapshot
+    return { ...tree, componentInstance: {} };
   });
 }
 
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
index 1020c50af8df..95a2444fbec8 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-actions.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Actions Action and method 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyComponentElementRef={[Function ButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c5=""
     ng-reflect-text="Action and Method"
@@ -24,15 +16,7 @@ exports[`Storyshots Addon/Actions Action and method 1`] = `
 `;
 
 exports[`Storyshots Addon/Actions Action only 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyComponentElementRef={[Function ButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c4=""
     ng-reflect-text="Action only"
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
index 6a7fbbf3ce30..153da739fd7a 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-background.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Background background component 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function AppComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-app-root>
     <div
       class="hide"
@@ -67,13 +61,7 @@ exports[`Storyshots Addon/Background background component 1`] = `
 `;
 
 exports[`Storyshots Addon/Background background template 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c0=""
     ng-reflect-text="Hello Button"
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot
index e75e2f0e47ee..04f253efa764 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-controls.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Controls Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  isDisabled="false"
-  label={[Function String]}
-  storyComponentElementRef={[Function DocButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <my-button
     ng-reflect-is-disabled="false"
     ng-reflect-label="Args test"
@@ -30,15 +22,7 @@ exports[`Storyshots Addon/Controls Basic 1`] = `
 `;
 
 exports[`Storyshots Addon/Controls Disabled 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  isDisabled={[Function Boolean]}
-  label={[Function String]}
-  storyComponentElementRef={[Function DocButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <my-button
     ng-reflect-is-disabled="true"
     ng-reflect-label="Disabled"
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-docs.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-docs.stories.storyshot
index bb75c114ca85..bc11d28ce3ee 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-docs.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-docs.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Docs with some emoji 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c7=""
     ng-reflect-text="😀 😎 👍 💯"
@@ -22,13 +16,7 @@ exports[`Storyshots Addon/Docs with some emoji 1`] = `
 `;
 
 exports[`Storyshots Addon/Docs with text 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c6=""
     ng-reflect-text="Hello 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
index a82ab5a01c3b..1a00d5069414 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-jest.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-jest.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Jest app.component with jest tests 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function AppComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-app-root>
     <div
       class="hide"
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot
index b00081f84c58..ae88a72880b9 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-knobs.stories.storyshot
@@ -1,22 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Knobs All knobs 1`] = `
-<storybook-wrapper
-  border={[Function String]}
-  changeDetectorRef={[Function ViewRef_]}
-  fruit={[Function String]}
-  items={[Function Array]}
-  name={[Function String]}
-  nice={[Function Boolean]}
-  otherFruit={[Function String]}
-  price={[Function Number]}
-  stock={[Function Number]}
-  storyComponentElementRef={[Function AllKnobsComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  today={[Function Number]}
->
+<storybook-wrapper>
   <storybook-simple-knobs-component
     ng-reflect-border="deeppink"
     ng-reflect-fruit="apples"
@@ -72,14 +57,7 @@ exports[`Storyshots Addon/Knobs All knobs 1`] = `
 `;
 
 exports[`Storyshots Addon/Knobs Simple 1`] = `
-<storybook-wrapper
-  age="0"
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  phoneNumber={[Function String]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <h1>
      This is a template 
   </h1><storybook-simple-knobs-component
@@ -98,11 +76,7 @@ exports[`Storyshots Addon/Knobs Simple 1`] = `
 `;
 
 exports[`Storyshots Addon/Knobs XSS safety 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   &lt;img src=x onerror="alert('XSS Attack')" &gt;
 </storybook-wrapper>
 `;
diff --git a/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
index 402511054b38..12978b2c037d 100644
--- a/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/addon-links.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Links button with link to another story 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyComponentElementRef={[Function ButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c8=""
     ng-reflect-text="Go to Welcome Story"
diff --git a/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot
index 7af454a5ba69..34d743722749 100644
--- a/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/app.component.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots App Component Component with fullscreen parameters 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function AppComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-app-root>
     <div
       class="hide"
diff --git a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
index a360055b6d30..44a39058994a 100644
--- a/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/core.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Core/Parameters passed to story 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyComponentElementRef={[Function ButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c9=""
     ng-reflect-text="Parameters are {
diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-ng-content.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-ng-content.stories.storyshot
index 981991114611..872276e6815d 100644
--- a/examples/angular-cli/src/stories/__snapshots__/custom-ng-content.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/custom-ng-content.stories.storyshot
@@ -1,11 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/ng-content Default 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-with-ng-content>
     <div
       style="color: #1e88e5;"
diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot
index aeb0265941ce..7153667fb206 100644
--- a/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/custom-pipes.stories.storyshot
@@ -1,14 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Pipes Simple 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  field={[Function String]}
-  storyComponentElementRef={[Function NameComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-name
     ng-reflect-field="foobar"
   >
@@ -20,14 +13,7 @@ exports[`Storyshots Custom/Pipes Simple 1`] = `
 `;
 
 exports[`Storyshots Custom/Pipes With Knobs 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  field={[Function String]}
-  storyComponentElementRef={[Function NameComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-name
     ng-reflect-field="foobar"
   >
diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot
index d2c829686260..a45b8b33b460 100644
--- a/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/custom-providers.stories.storyshot
@@ -1,14 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Providers Simple 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyComponentElementRef={[Function ServiceComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-service-component
     ng-reflect-name="Static name"
   >
@@ -23,14 +16,7 @@ exports[`Storyshots Custom/Providers Simple 1`] = `
 `;
 
 exports[`Storyshots Custom/Providers With knobs 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyComponentElementRef={[Function ServiceComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-service-component
     ng-reflect-name="Dynamic knob"
   >
diff --git a/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
index b2fe77a84685..f4e5e6c31afb 100644
--- a/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/custom-styles.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Style Default 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _ngcontent-a-c10=""
     _nghost-a-c11=""
@@ -23,13 +17,7 @@ exports[`Storyshots Custom/Style Default 1`] = `
 `;
 
 exports[`Storyshots Custom/Style With Knobs 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _ngcontent-a-c12=""
     _nghost-a-c13=""
diff --git a/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
index 1b94c52d2bf4..eb2c83e0eed9 100644
--- a/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/index.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Button with some emoji 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c3=""
     ng-reflect-text="😀 😎 👍 💯"
@@ -17,18 +11,21 @@ exports[`Storyshots Button with some emoji 1`] = `
     >
       😀 😎 👍 💯
     </button>
+  </storybook-button-component><storybook-button-component
+    _nghost-a-c3=""
+    ng-reflect-text="😀 😎 👍 💯"
+  >
+    <button
+      _ngcontent-a-c3=""
+    >
+      😀 😎 👍 💯
+    </button>
   </storybook-button-component>
 </storybook-wrapper>
 `;
 
 exports[`Storyshots Button with text 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  onClick={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c2=""
     ng-reflect-text="Hello Button"
@@ -43,12 +40,7 @@ exports[`Storyshots Button with text 1`] = `
 `;
 
 exports[`Storyshots Welcome to Storybook 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  showApp={[Function Function]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-welcome-component
     _nghost-a-c1=""
   >
diff --git a/examples/angular-cli/src/stories/__snapshots__/metadata-combined.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/metadata-combined.stories.storyshot
index a6f5f2322e46..8571a016fce2 100644
--- a/examples/angular-cli/src/stories/__snapshots__/metadata-combined.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/metadata-combined.stories.storyshot
@@ -1,12 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Metadata/Combined Combined 1 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component
     ng-reflect-name="Prop Name"
   >
@@ -30,12 +25,7 @@ exports[`Storyshots Metadata/Combined Combined 1 1`] = `
 `;
 
 exports[`Storyshots Metadata/Combined Combined 2 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component
     ng-reflect-name="CustomPipe: Prop Name"
   >
diff --git a/examples/angular-cli/src/stories/__snapshots__/metadata-individual.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/metadata-individual.stories.storyshot
index a1ce8e3e747d..95e85e4edb7c 100644
--- a/examples/angular-cli/src/stories/__snapshots__/metadata-individual.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/metadata-individual.stories.storyshot
@@ -1,12 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Metadata/Individual Individual 1 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component
     ng-reflect-name="Prop Name"
   >
@@ -30,11 +25,7 @@ exports[`Storyshots Metadata/Individual Individual 1 1`] = `
 `;
 
 exports[`Storyshots Metadata/Individual Individual 2 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component>
     <h3>
       Provider Name
diff --git a/examples/angular-cli/src/stories/__snapshots__/metadata-shared.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/metadata-shared.stories.storyshot
index 66fbb0048e05..53966c5d46c9 100644
--- a/examples/angular-cli/src/stories/__snapshots__/metadata-shared.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/metadata-shared.stories.storyshot
@@ -1,12 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Metadata/Shared Shared 1 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  name={[Function String]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component
     ng-reflect-name="Prop Name"
   >
@@ -30,11 +25,7 @@ exports[`Storyshots Metadata/Shared Shared 1 1`] = `
 `;
 
 exports[`Storyshots Metadata/Shared Shared 2 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-simple-token-component>
     <h3>
       Provider Name
diff --git a/examples/angular-cli/src/stories/__snapshots__/ngrx-store.stories.storyshot b/examples/angular-cli/src/stories/__snapshots__/ngrx-store.stories.storyshot
index cbe590085038..1b96b0cca699 100644
--- a/examples/angular-cli/src/stories/__snapshots__/ngrx-store.stories.storyshot
+++ b/examples/angular-cli/src/stories/__snapshots__/ngrx-store.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots ngrx/Store With component 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function WithStoreComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-comp-with-store>
     <div>
       Store is injected
@@ -17,11 +11,7 @@ exports[`Storyshots ngrx/Store With component 1`] = `
 `;
 
 exports[`Storyshots ngrx/Store With template 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-comp-with-store>
     <div>
       Store is injected
diff --git a/examples/angular-cli/src/stories/component-with-di/__snapshots__/di.component.stories.storyshot b/examples/angular-cli/src/stories/component-with-di/__snapshots__/di.component.stories.storyshot
index a522d5e171c6..a83094cc4215 100644
--- a/examples/angular-cli/src/stories/component-with-di/__snapshots__/di.component.stories.storyshot
+++ b/examples/angular-cli/src/stories/component-with-di/__snapshots__/di.component.stories.storyshot
@@ -1,14 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Dependencies inputs and inject dependencies 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function DiComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  title={[Function String]}
->
+<storybook-wrapper>
   <storybook-di-component
     ng-reflect-title="Component dependencies"
   >
@@ -37,14 +30,7 @@ exports[`Storyshots Custom/Dependencies inputs and inject dependencies 1`] = `
 `;
 
 exports[`Storyshots Custom/Dependencies inputs and inject dependencies with knobs 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function DiComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  title={[Function String]}
->
+<storybook-wrapper>
   <storybook-di-component
     ng-reflect-title="Component dependencies"
   >
diff --git a/examples/angular-cli/src/stories/component-with-enums/__snapshots__/enums.component.stories.storyshot b/examples/angular-cli/src/stories/component-with-enums/__snapshots__/enums.component.stories.storyshot
index 3c9c8b97518a..50b6eba8c1a5 100644
--- a/examples/angular-cli/src/stories/component-with-enums/__snapshots__/enums.component.stories.storyshot
+++ b/examples/angular-cli/src/stories/component-with-enums/__snapshots__/enums.component.stories.storyshot
@@ -1,19 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Enum Types Basic 1`] = `
-<storybook-wrapper
-  aliasedUnionType={[Function String]}
-  changeDetectorRef={[Function ViewRef_]}
-  enumAlias="0"
-  enumNumeric="0"
-  enumNumericInitial={[Function Number]}
-  enumStrings={[Function String]}
-  storyComponentElementRef={[Function EnumsComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  unionType={[Function String]}
->
+<storybook-wrapper>
   <app-enums
     ng-reflect-aliased-union-type="Type Alias 1"
     ng-reflect-enum-alias="0"
diff --git a/examples/angular-cli/src/stories/component-with-style/__snapshots__/styled.component.stories.storyshot b/examples/angular-cli/src/stories/component-with-style/__snapshots__/styled.component.stories.storyshot
index 5bc982c682cc..bcff5d96f576 100644
--- a/examples/angular-cli/src/stories/component-with-style/__snapshots__/styled.component.stories.storyshot
+++ b/examples/angular-cli/src/stories/component-with-style/__snapshots__/styled.component.stories.storyshot
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/styleUrls Component with styles 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function StyledComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-styled-component>
     <div>
       <p
diff --git a/examples/angular-cli/src/stories/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot b/examples/angular-cli/src/stories/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
index dd530cd3e7e9..147d7bdecb84 100644
--- a/examples/angular-cli/src/stories/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
+++ b/examples/angular-cli/src/stories/customControlValueAccessor/__snapshots__/custom-cva-component.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/ngModel custom ControlValueAccessor 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  ngModel={[Function String]}
-  ngModelChange={[Function Function]}
-  storyComponentElementRef={[Function CustomCvaComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-custom-cva-component>
     <div>
       
diff --git a/examples/angular-cli/src/stories/doc-button/__snapshots__/doc-button.stories.storyshot b/examples/angular-cli/src/stories/doc-button/__snapshots__/doc-button.stories.storyshot
index 718e9b8c422c..505d50ad46d3 100644
--- a/examples/angular-cli/src/stories/doc-button/__snapshots__/doc-button.stories.storyshot
+++ b/examples/angular-cli/src/stories/doc-button/__snapshots__/doc-button.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots DocButton Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  isDisabled="false"
-  label={[Function String]}
-  storyComponentElementRef={[Function DocButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <my-button
     ng-reflect-is-disabled="false"
     ng-reflect-label="Args test"
diff --git a/examples/angular-cli/src/stories/doc-directive/__snapshots__/doc-directive.stories.storyshot b/examples/angular-cli/src/stories/doc-directive/__snapshots__/doc-directive.stories.storyshot
index bce7e9af8480..41f59c6352ae 100644
--- a/examples/angular-cli/src/stories/doc-directive/__snapshots__/doc-directive.stories.storyshot
+++ b/examples/angular-cli/src/stories/doc-directive/__snapshots__/doc-directive.stories.storyshot
@@ -1,11 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots DocDirective Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <div
     docdirective=""
     ng-reflect-has-gray-background="true"
diff --git a/examples/angular-cli/src/stories/doc-injectable/__snapshots__/doc-injectable.stories.storyshot b/examples/angular-cli/src/stories/doc-injectable/__snapshots__/doc-injectable.stories.storyshot
index 773bba0bdcc6..2610a2c78db5 100644
--- a/examples/angular-cli/src/stories/doc-injectable/__snapshots__/doc-injectable.stories.storyshot
+++ b/examples/angular-cli/src/stories/doc-injectable/__snapshots__/doc-injectable.stories.storyshot
@@ -1,11 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots DocInjectable Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <div>
     <h1>
       DocInjectable
diff --git a/examples/angular-cli/src/stories/doc-pipe/__snapshots__/doc-pipe.stories.storyshot b/examples/angular-cli/src/stories/doc-pipe/__snapshots__/doc-pipe.stories.storyshot
index e2373b3f6320..0bc6d2644bb9 100644
--- a/examples/angular-cli/src/stories/doc-pipe/__snapshots__/doc-pipe.stories.storyshot
+++ b/examples/angular-cli/src/stories/doc-pipe/__snapshots__/doc-pipe.stories.storyshot
@@ -1,11 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots DocPipe Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <div>
     <h1>
       DOCPIPE
diff --git a/examples/angular-cli/src/stories/index.stories.ts b/examples/angular-cli/src/stories/index.stories.ts
index 44f29c327388..b589620f732f 100644
--- a/examples/angular-cli/src/stories/index.stories.ts
+++ b/examples/angular-cli/src/stories/index.stories.ts
@@ -34,7 +34,7 @@ storiesOf('Button', module)
     },
   }))
   .add('with some emoji', () => ({
-    template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
+    template: `<storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component><storybook-button-component [text]="text" (onClick)="onClick($event)"></storybook-button-component>`,
     props: {
       text: '😀 😎 👍 💯',
       onClick: () => {},
diff --git a/examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot b/examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot
index 0919386d15b0..8740c437353f 100644
--- a/examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot
+++ b/examples/angular-cli/src/stories/inheritance/__snapshots__/inheritance.stories.storyshot
@@ -1,14 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Inheritance base button 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  label={[Function String]}
-  storyComponentElementRef={[Function BaseButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-base-button
     ng-reflect-label="this is label"
   >
@@ -20,15 +13,7 @@ exports[`Storyshots Custom/Inheritance base button 1`] = `
 `;
 
 exports[`Storyshots Custom/Inheritance icon button 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  icon={[Function String]}
-  label={[Function String]}
-  storyComponentElementRef={[Function IconButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-icon-button
     ng-reflect-icon="this is icon"
   >
diff --git a/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot b/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot
index 11c3dba67f2c..93360d7b090b 100644
--- a/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot
+++ b/examples/angular-cli/src/stories/issues/__snapshots__/12009-unknown-component.stories.storyshot
@@ -1,14 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Addon/Issues/12009 unknown component Basic 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function ButtonComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  text={[Function String]}
->
+<storybook-wrapper>
   <storybook-button-component
     _nghost-a-c14=""
     ng-reflect-text="Unknown component"
diff --git a/examples/angular-cli/src/stories/module-context/__snapshots__/module-context-forRoot.stories.storyshot b/examples/angular-cli/src/stories/module-context/__snapshots__/module-context-forRoot.stories.storyshot
index c1fffc3430bb..ad1558151821 100644
--- a/examples/angular-cli/src/stories/module-context/__snapshots__/module-context-forRoot.stories.storyshot
+++ b/examples/angular-cli/src/stories/module-context/__snapshots__/module-context-forRoot.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Feature Module as Context with forRoot Component with default providers 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  displayText={[Function String]}
-  removeClicked={[Function Function]}
-  storyComponentElementRef={[Function ChipComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chip
     ng-reflect-display-text="My Chip"
     style="background-color: rgb(238, 238, 238);"
@@ -33,15 +25,7 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
 `;
 
 exports[`Storyshots Custom/Feature Module as Context with forRoot Component with overridden provider 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  displayText={[Function String]}
-  removeClicked={[Function Function]}
-  storyComponentElementRef={[Function ChipComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chip
     ng-reflect-display-text="My Chip"
     style="background-color: rgb(238, 238, 238);"
@@ -65,16 +49,7 @@ exports[`Storyshots Custom/Feature Module as Context with forRoot Component with
 `;
 
 exports[`Storyshots Custom/Feature Module as Context with forRoot Component with self and dependencies declared in its feature module 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  chips={[Function Array]}
-  removeAllChipsClick={[Function Function]}
-  removeChipClick={[Function Function]}
-  storyComponentElementRef={[Function ChipsGroupComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chips-group
     ng-reflect-chips="[object Object],[object Object"
   >
diff --git a/examples/angular-cli/src/stories/module-context/__snapshots__/module-context.stories.storyshot b/examples/angular-cli/src/stories/module-context/__snapshots__/module-context.stories.storyshot
index f573bde23efb..41fece0acca8 100644
--- a/examples/angular-cli/src/stories/module-context/__snapshots__/module-context.stories.storyshot
+++ b/examples/angular-cli/src/stories/module-context/__snapshots__/module-context.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Custom/Feature Module as Context Component with default providers 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  displayText={[Function String]}
-  removeClicked={[Function Function]}
-  storyComponentElementRef={[Function ChipComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chip
     ng-reflect-display-text="My Chip"
     style="background-color: rgb(238, 238, 238);"
@@ -33,15 +25,7 @@ exports[`Storyshots Custom/Feature Module as Context Component with default prov
 `;
 
 exports[`Storyshots Custom/Feature Module as Context Component with overridden provider 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  displayText={[Function String]}
-  removeClicked={[Function Function]}
-  storyComponentElementRef={[Function ChipComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chip
     ng-reflect-display-text="My Chip"
     style="background-color: yellow;"
@@ -65,16 +49,7 @@ exports[`Storyshots Custom/Feature Module as Context Component with overridden p
 `;
 
 exports[`Storyshots Custom/Feature Module as Context Component with self and dependencies declared in its feature module 1`] = `
-<storybook-wrapper
-  changeDetectorRef={[Function ViewRef_]}
-  chips={[Function Array]}
-  removeAllChipsClick={[Function Function]}
-  removeChipClick={[Function Function]}
-  storyComponentElementRef={[Function ChipsGroupComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
->
+<storybook-wrapper>
   <storybook-chips-group
     ng-reflect-chips="[object Object],[object Object"
   >
diff --git a/examples/angular-cli/src/stories/on-push/__snapshots__/on-push.stories.storyshot b/examples/angular-cli/src/stories/on-push/__snapshots__/on-push.stories.storyshot
index 460622860011..91c119ff7473 100644
--- a/examples/angular-cli/src/stories/on-push/__snapshots__/on-push.stories.storyshot
+++ b/examples/angular-cli/src/stories/on-push/__snapshots__/on-push.stories.storyshot
@@ -1,15 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Storyshots Core/OnPush Class-specified component with OnPush and Knobs 1`] = `
-<storybook-wrapper
-  bgColor={[Function String]}
-  changeDetectorRef={[Function ViewRef_]}
-  storyComponentElementRef={[Function OnPushBoxComponent]}
-  storyComponentViewContainerRef={[Function ViewContainerRef_]}
-  storyProps$={[Function Observable]}
-  storyPropsSubscription={[Function Subscriber]}
-  word={[Function String]}
->
+<storybook-wrapper>
   <storybook-on-push-box
     ng-reflect-bg-color="#FFF000"
     ng-reflect-word="OnPush"