add snapshot test for Parallax component

Author: jscottsmith

__tests__/Parallax.test.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
+import renderer from 'react-test-renderer';
 import Parallax from 'components/Parallax';
 import ParallaxProvider from 'components/ParallaxProvider';
 import ParallaxController from 'libs/ParallaxController';
@@ -12,6 +13,46 @@ describe('Expect the <Parallax> component', () => {
         global.ParallaxController = undefined;
     });
 
+    it('to render correctly', () => {
+        // Workaround for refs
+        // See https://github.com/facebook/react/issues/7740
+        const div = document.createElement('div');
+        function createNodeMock() {
+            return {
+                getBoundingClientRect: () => div.getBoundingClientRect(),
+            };
+        }
+
+        const tree = renderer
+            .create(
+                <ParallaxProvider>
+                    <Parallax
+                        className="class-foo"
+                        disabled={false}
+                        offsetXMax={100}
+                        offsetXMin={-100}
+                        offsetYMax="75%"
+                        offsetYMin="-75%"
+                        slowerScrollRate={false}
+                        styleOuter={{
+                            border: 'solid red 2px',
+                        }}
+                        styleInner={{
+                            border: 'solid blue 2px',
+                        }}
+                        tag="figure"
+                    >
+                        <div className="foo" />
+                    </Parallax>
+                </ParallaxProvider>,
+                {
+                    createNodeMock,
+                }
+            )
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+
     it('to throw if the ParallaxController is not available', () => {
         const node = document.createElement('div');
         // NOTE: hide error and react warning

__tests__/__snapshots__/Parallax.test.js.snap

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Expect the <Parallax> component to render correctly 1`] = `
+<figure
+  className="parallax-outer class-foo"
+  style={
+    Object {
+      "border": "solid red 2px",
+    }
+  }
+>
+  <div
+    className="parallax-inner"
+    style={
+      Object {
+        "border": "solid blue 2px",
+      }
+    }
+  >
+    <div
+      className="foo"
+    />
+  </div>
+</figure>
+`;