Merge pull request #63 from psinha25/login-test

Login test

client/src/components/auth/Login.js

@@ -72,6 +72,7 @@ const Login = ({ auth: { isAuthenticated, user, loading }, login }) => {
               type='submit'
               value='Login'
               className='btn-outline-info btn-block submitFormButton'
+              data-testid='login-btn'
             />
           </Form>
         </Col>

client/src/test/Login.test.js

@@ -1,16 +1,49 @@
-import { render, screen } from '@testing-library/react';
+import { fireEvent, render, screen } from '@testing-library/react';
+import { MemoryRouter } from 'react-router-dom'
 import { Provider } from 'react-redux';
-import { BrowserRouter } from 'react-router-dom';
-import store from '../store';
-import Login from '../components/auth/Login';
+import configureStore from 'redux-mock-store';
+
+import Login from '../components/auth/Login.js';
+
+const mockStore = configureStore([]);
+
+const notAuthenticatedStore = mockStore({
+  auth: {
+    token: localStorage.getItem('token'),
+    isAuthenticated: null,
+    user: null,
+    loading: true,
+  }
+});
+
+const authenticatedStore = mockStore({
+  auth: {
+    token: localStorage.getItem('token'),
+    isAuthenticated: true,
+    user: null,
+    loading: false,
+  },
+});
+
+describe('Login Component', () => {
+  it('should be redered without crashing', () => {
+    render(
+      <Provider store={notAuthenticatedStore}>
+        <Login/>
+      </Provider>, { wrapper: MemoryRouter }
+    );
+    expect(screen.getByText('Account Login')).toBeInTheDocument();
+  });
+
+  it('should redirect if the user is logged in', () => {
+    const { 
+      container, 
+    } = render(
+      <Provider store={authenticatedStore}>
+        <Login/>
+      </Provider>, { wrapper: MemoryRouter }
+    );
+    expect(container).toMatchInlineSnapshot(`<div />`);
+  });
 
-test('renders without crashing', () => {
-  render(
-    <Provider store={store}>
-      <BrowserRouter>
-        <Login />
-      </BrowserRouter>
-    </Provider>
-  );
-  expect(screen.getByText('Account Login')).toBeInTheDocument();
 });