Manveen

final/client/src/components/__tests__/footer.tsx

@@ -1,13 +1,20 @@
 import React from 'react';
+import { shallow, mount, render } from '../../enzyme';
 
-import { renderApollo, cleanup } from '../../test-utils';
+import { cleanup } from '../../test-utils';
 import Footer from '../footer';
 
 describe('Footer', () => {
   // automatically unmount and cleanup DOM after the test is finished.
   afterEach(cleanup);
 
-  it('renders without error', () => {
-    renderApollo(<Footer />);
+  describe('renders without error', () => {
+    const wrapper = shallow(<Footer/>);
+    it('should have element with cart id', () => {
+      expect(wrapper.find('#cart')).not.toBeNull();
+    });
+    it('should have element with profile id', () => {
+      expect(wrapper.find('#profile')).not.toBeNull();
+    });
   });
 });

final/client/src/components/button.tsx

@@ -14,6 +14,7 @@ export default styled('button')({
   borderRadius: height / 2,
   fontFamily: 'inherit',
   fontSize: 18,
+
   lineHeight: `${height}px`,
   fontWeight: 700,
   color: 'white',