From abe646cec868bf4093ccdf9140b34ea046688a29 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Thu, 15 Feb 2018 17:35:59 -0500
Subject: [PATCH] Adding tests for page components

---
 src/pages/404/Component.js                    |  1 +
 src/pages/404/Component.test.js               | 14 ++++++
 .../404/__snapshots__/Component.test.js.snap  | 18 ++++++++
 src/pages/index/Component.test.js             | 13 ++++++
 .../__snapshots__/Component.test.js.snap      | 44 +++++++++++++++++++
 5 files changed, 90 insertions(+)
 create mode 100644 src/pages/404/Component.test.js
 create mode 100644 src/pages/404/__snapshots__/Component.test.js.snap
 create mode 100644 src/pages/index/Component.test.js
 create mode 100644 src/pages/index/__snapshots__/Component.test.js.snap

diff --git a/src/pages/404/Component.js b/src/pages/404/Component.js
index 23592b3..e9daf44 100644
--- a/src/pages/404/Component.js
+++ b/src/pages/404/Component.js
@@ -21,3 +21,4 @@ Component.propTypes = {
 };
 
 export default translate()(Component);
+export { Component };
diff --git a/src/pages/404/Component.test.js b/src/pages/404/Component.test.js
new file mode 100644
index 0000000..cea772c
--- /dev/null
+++ b/src/pages/404/Component.test.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import { translate } from 'i18n';
+import { Component } from './Component';
+
+describe('404 page component', () => {
+  test('rendering', () => {
+    const component = shallow(
+      <Component t={ translate }/>
+    );
+    expect(component).toMatchSnapshot();
+  });
+});
diff --git a/src/pages/404/__snapshots__/Component.test.js.snap b/src/pages/404/__snapshots__/Component.test.js.snap
new file mode 100644
index 0000000..4bb002b
--- /dev/null
+++ b/src/pages/404/__snapshots__/Component.test.js.snap
@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`404 page component rendering 1`] = `
+<React.Fragment>
+  <Translate(Header) />
+  <Message
+    heading="translate(404 Page Not Found)"
+    type="error"
+  >
+    <p>
+      <Trans>
+        The page you have requested could not be found
+      </Trans>
+    </p>
+  </Message>
+  <Translate(Footer) />
+</React.Fragment>
+`;
diff --git a/src/pages/index/Component.test.js b/src/pages/index/Component.test.js
new file mode 100644
index 0000000..f61ba93
--- /dev/null
+++ b/src/pages/index/Component.test.js
@@ -0,0 +1,13 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Component from './Component';
+
+describe('Index page component', () => {
+  test('rendering', () => {
+    const component = shallow(
+      <Component/>
+    );
+    expect(component).toMatchSnapshot();
+  });
+});
diff --git a/src/pages/index/__snapshots__/Component.test.js.snap b/src/pages/index/__snapshots__/Component.test.js.snap
new file mode 100644
index 0000000..ddcc3de
--- /dev/null
+++ b/src/pages/index/__snapshots__/Component.test.js.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Index page component rendering 1`] = `
+<React.Fragment>
+  <Translate(Header) />
+  <noscript>
+    <Message
+      heading="JavaScript Required"
+      icon={[Function]}
+      type="error"
+    >
+      <p>
+        You need to enable JavaScript to use Regexper.
+      </p>
+      <p>
+        Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source by following the GitHub link in the header. There are two data collection tools integrated in the app:
+      </p>
+      <ul>
+        <li>
+          <b>
+            Google Analytics
+          </b>
+           is used to track browser usage data and application performance.
+        </li>
+        <li>
+          <b>
+            Sentry.io
+          </b>
+           is a tool used to capture and report client-side JavaScript errors.
+        </li>
+      </ul>
+      <p>
+        Most popular ad blockers will prevent these tools from sending any tracking data, and doing so will 
+        <b>
+          not
+        </b>
+         impact the performance of this app. Regexper is not supported by ad revenue or sales of any kind. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.
+      </p>
+    </Message>
+  </noscript>
+  <App />
+  <Translate(Footer) />
+</React.Fragment>
+`;