tests: Add test for NavBar

client/src/components/UI/NavBar.jsx

@@ -25,9 +25,7 @@ const ButtonAppBar = ({ classes, isLoggedIn }) => (
         </Typography>
         {isLoggedIn
           ? (
-            <>
-              <Button color="inherit">Lead Board</Button>
-            </>
+            <Button color="inherit">Leader Board</Button>
           )
           : <Button color="inherit" href="/auth/signin">login</Button>}
       </Toolbar>

client/src/components/UI/__tests__/navBar.test.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import NavBar from '../NavBar';
+
+describe('Tests for <NavBar />', () => {
+  it('should render', () => {
+    const wrapper = shallow(<NavBar />);
+    expect(wrapper.dive().find('div').length).toBe(1);
+  });
+  it('should contain LogIn button by default', () => {
+    const wrapper = shallow(<NavBar />);
+    expect(wrapper.dive().contains('login')).toBe(true);
+  });
+  it('should not contain Leader Board by default', () => {
+    const wrapper = shallow(<NavBar />);
+    expect(wrapper.dive().contains('Leader Board')).toBe(false);
+  });
+  it('should not contain LogIn button if user has already logged in', () => {
+    const wrapper = shallow(<NavBar isLoggedIn />);
+    expect(wrapper.dive().contains('login')).toBe(false);
+  });
+  it('should contain Leader Board by default', () => {
+    const wrapper = shallow(<NavBar isLoggedIn />);
+    expect(wrapper.dive().contains('Leader Board')).toBe(true);
+  });
+});