adding test cases

Author: Ayush Krishnatray

.huskyrc

@@ -1,6 +1,6 @@
 {
     "hooks": {
-      "pre-commit": "lint-staged",
-      "pre-push": "npm run prePush"
+      "pre-commit": "npm preCommit",
+      "pre-push": "npm prePush"
     }
 }

src/components/ErrorBoundary/test/ErrorBoundary.test.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { shallow, mount } from 'enzyme';
+import { shallowToJson } from 'enzyme-to-json';
+import ErrorBoundary from '../ErrorBoundary';
+
+const Something = () => null;
+
+describe('<ErrorBoundary> window', () => {
+  it('should match the snapshot', () => {
+    const tree = shallow(<ErrorBoundary>Test</ErrorBoundary>);
+    expect(shallowToJson(tree)).toMatchSnapshot();
+  });
+
+  it('should display an ErrorMessage if wrapped component throws', () => {
+    const tree = mount(
+      <ErrorBoundary>
+        <Something />
+      </ErrorBoundary>,
+    );
+
+    const error = new Error('test');
+
+    tree.find(Something).simulateError(error);
+    tree.setState({ hasError: true });
+    expect(shallowToJson(tree)).toMatchSnapshot();
+  });
+});

src/components/ErrorBoundary/test/__snapshots__/ErrorBoundary.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ErrorBoundary> window should display an ErrorMessage if wrapped component throws 1`] = `
+<ErrorBoundary>
+  <h1>
+    Something went wrong.
+  </h1>
+</ErrorBoundary>
+`;
+
+exports[`<ErrorBoundary> window should match the snapshot 1`] = `"Test"`;

src/components/Footer/test/Footer.test.jsx

@@ -0,0 +1,19 @@
+import React from 'react';
+// import { shallow } from 'enzyme';
+// import { shallowToJson } from 'enzyme-to-json';
+import renderer from 'react-test-renderer';
+
+// Components
+import Footer from '../Footer';
+
+
+describe('Footer Test Suite', () => {
+  it('renders correctly', () => {
+    // const output = shallow(
+    //   <Footer />,
+    // );
+    const tree = renderer.create(<Footer />).toJSON();
+    expect(tree).toMatchSnapshot();
+    // expect(shallowToJson(output)).toMatchSnapshot();
+  });
+});

src/components/Footer/test/__snapshots__/Footer.test.jsx.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Footer Test Suite renders correctly 1`] = `
+<footer>
+  footer here
+</footer>
+`;

src/components/Header/test/Header.test.jsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { shallowToJson } from 'enzyme-to-json';
+
+// Components
+import Header from '../Header';
+
+
+describe('Header Test Suite', () => {
+  it('renders correctly', () => {
+    const output = shallow(
+      <Header />,
+    );
+    expect(shallowToJson(output)).toMatchSnapshot();
+  });
+});

src/components/Header/test/__snapshots__/Header.test.jsx.snap

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Header Test Suite renders correctly 1`] = `
+<header>
+  header here
+</header>
+`;

src/components/TestComponent/test/TestComponent.test.jsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { shallowToJson } from 'enzyme-to-json';
+
+// Components
+import TestComponent from '../TestComponent';
+
+
+describe('TestComponent Test Suite', () => {
+  it('renders correctly', () => {
+    const onChange = jest.fn();
+    const output = shallow(
+      <TestComponent
+        onChange={onChange}
+      />,
+    );
+    expect(shallowToJson(output)).toMatchSnapshot();
+    output.find('input').simulate('change', { target: {} });
+    expect(onChange).toBeCalled();
+  });
+
+  it('should have default handleChange', () => {
+    expect(TestComponent.defaultProps.onChange()).toBe(undefined);
+  });
+});

src/components/TestComponent/test/__snapshots__/TestComponent.test.jsx.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TestComponent Test Suite renders correctly 1`] = `
+<ErrorBoundary>
+  <input
+    onChange={[Function]}
+    type="text"
+    value=""
+  />
+  <div />
+</ErrorBoundary>
+`;