feat(#105): started with auth login test cases

src/auth/AuthComponents.jsx

@@ -58,3 +58,8 @@ AuthFooter.propTypes = {
   href: PropTypes.string.isRequired,
 };
 
+export const __testables__ = {
+  StyledAuthFooter,
+  StyledAuthHeader,
+};
+

src/auth/__tests__/AuthComponent.test.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import 'jest-styled-components';
+
+import { MemoryRouter } from 'react-router-dom';
+
+import { AuthHeader, AuthFooter, __testables__ } from '../AuthComponents';
+
+describe('AuthComponent test suite', () => {
+  describe('AuthHeader test suite', () => {
+    it('should render with children', () => {
+      const children = <p>children</p>;
+      const wrapper = mount(<AuthHeader>{children}</AuthHeader>);
+      expect(wrapper).toBeTruthy();
+
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+
+  describe('AuthFooter test suite', () => {
+    const getFooter = (props) => {
+      const wrapper = mount(
+        <MemoryRouter>
+          <AuthFooter {...props} />
+        </MemoryRouter>
+      );
+      return wrapper.find(AuthFooter);
+    }
+
+    it('should render with children', () => {
+      const href = 'http://www.google.com';
+      const children = <p>children</p>;
+
+      const wrapper = getFooter({ href, children });
+      expect(wrapper).toBeTruthy();
+
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});