test: fix tests

Author: jscottsmith

src/components/Parallax/__snapshots__/index.test.tsx.snap

@@ -4,16 +4,11 @@ exports[`Expect the <Parallax> component to render correctly 1`] = `
 <DocumentFragment>
   <figure
     class="class-foo"
-    style="border: 2px solid red;"
+    style="border: 2px solid red; will-change: transform; transform: translateX(100%)translateY(100%);"
   >
     <div
-      class="class-foo"
-      style="border: 23px solid blue; will-change: transform; transform: translateX(100%)translateY(100%);"
-    >
-      <div
-        class="foo"
-      />
-    </div>
+      class="foo"
+    />
   </figure>
 </DocumentFragment>
 `;

src/components/Parallax/index.test.tsx

@@ -27,18 +27,13 @@ describe('Expect the <Parallax> component', () => {
       <ParallaxProvider>
         <Parallax
           className="class-foo"
-          innerClassName="class-foo"
           disabled={false}
           translateX={[-100, 100]}
           translateY={['-100%', '100%']}
           style={{
             border: 'solid red 2px',
           }}
-          innerStyle={{
-            border: 'solid blue 23px',
-          }}
           tag="figure"
-          innerTag="div"
         >
           <div className="foo" />
         </Parallax>

src/components/ParallaxBanner/__snapshots__/index.test.tsx.snap

@@ -26,31 +26,19 @@ exports[`Expect the <ParallaxBanner> component to render custom child banners co
     }
   >
     <div
+      className="parallax-banner-layer-0"
       style={
         Object {
-          "bottom": 0,
+          "bottom": "-20px",
           "left": 0,
           "position": "absolute",
           "right": 0,
-          "top": 0,
+          "top": "-20px",
         }
       }
     >
-      <div
-        className="parallax-banner-layer-0"
-        style={
-          Object {
-            "bottom": "-20px",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": "-20px",
-          }
-        }
-      >
-        <div>
-          test
-        </div>
+      <div>
+        test
       </div>
     </div>
   </div>
@@ -83,32 +71,20 @@ exports[`Expect the <ParallaxBanner> component to render image banners correctly
     }
   >
     <div
+      className="parallax-banner-layer-0"
       style={
         Object {
-          "bottom": 0,
+          "backgroundImage": "url(https://foo.com/bar.jpg)",
+          "backgroundPosition": "center",
+          "backgroundSize": "cover",
+          "bottom": "-20px",
           "left": 0,
           "position": "absolute",
           "right": 0,
-          "top": 0,
+          "top": "-20px",
         }
       }
-    >
-      <div
-        className="parallax-banner-layer-0"
-        style={
-          Object {
-            "backgroundImage": "url(https://foo.com/bar.jpg)",
-            "backgroundPosition": "center",
-            "backgroundSize": "cover",
-            "bottom": "-20px",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": "-20px",
-          }
-        }
-      />
-    </div>
+    />
   </div>
   <div>
     <h1>
@@ -142,31 +118,19 @@ exports[`Expect the <ParallaxBanner> component to render layers with custom prop
     }
   >
     <div
+      className="parallax-banner-layer-0 my-custom-class"
+      id="my-id"
       style={
         Object {
-          "bottom": 0,
+          "backgroundColor": "red",
+          "bottom": "-20px",
           "left": 0,
           "position": "absolute",
           "right": 0,
-          "top": 0,
+          "top": "-20px",
         }
       }
-    >
-      <div
-        className="parallax-banner-layer-0 my-custom-class"
-        id="my-id"
-        style={
-          Object {
-            "backgroundColor": "red",
-            "bottom": "-20px",
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": "-20px",
-          }
-        }
-      />
-    </div>
+    />
   </div>
 </div>
 `;
@@ -195,6 +159,7 @@ exports[`Expect the <ParallaxBanner> component to render without expanded margin
     }
   >
     <div
+      className="parallax-banner-layer-0"
       style={
         Object {
           "bottom": 0,
@@ -205,21 +170,8 @@ exports[`Expect the <ParallaxBanner> component to render without expanded margin
         }
       }
     >
-      <div
-        className="parallax-banner-layer-0"
-        style={
-          Object {
-            "bottom": 0,
-            "left": 0,
-            "position": "absolute",
-            "right": 0,
-            "top": 0,
-          }
-        }
-      >
-        <div>
-          test
-        </div>
+      <div>
+        test
       </div>
     </div>
   </div>

src/components/ParallaxBanner/index.tsx

@@ -73,7 +73,6 @@ export const ParallaxBanner = ({
             <Parallax
               key={`layer-${i}`}
               speed={speed}
-              innerStyle={absoluteStyle}
               style={absoluteStyle}
               disabled={disabled}
             >