CodePreTag rendering test

Author: aarongarciah

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.formatOnSave": false
+}

__tests__/components/CodePreTag.test.jsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import 'jest-styled-components';
+
+import CodePreTag from '../../src/components/CodePreTag';
+
+describe('<CodePreTag /> component', () => {
+  it('renders children properly', () => {
+    const tree = renderer
+      .create(
+        <CodePreTag>
+          <code>
+            {`function foo() {
+            return 'bar';
+          }`}
+          </code>
+        </CodePreTag>
+      )
+      .toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+});

__tests__/components/__snapshots__/CodePreTag.test.jsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<CodePreTag /> component renders children properly 1`] = `
+<pre>
+  <code>
+    function foo() {
+            return 'bar';
+          }
+  </code>
+</pre>
+`;