Add login tests

Disabled for now due to global socket imports in stores

src/routes/Login/__tests__/Login.test.tsx

@@ -0,0 +1,153 @@
+import {
+  DEFAULT_AUTH_RESPONSE,
+  DEFAULT_CONNECT_PARAMS,
+  getMockServer,
+  getSocket,
+} from 'airdcpp-apisocket/tests/mock-server.js';
+
+import { renderRoutes } from 'tests/test-containers';
+
+import {
+  setInputFieldValuesByPlaceholder,
+  setupUserEvent,
+} from 'tests/test-form-helpers';
+import { waitFor } from '@testing-library/dom';
+import Login from '../components/Login';
+import { waitForUrl } from 'tests/test-helpers';
+import { getLogoutItem, parseMenuItem } from 'routes/Routes';
+
+// tslint:disable:no-empty
+describe('Login', () => {
+  let server: ReturnType<typeof getMockServer>;
+
+  const addSuccessLoginHandlers = () => {
+    const onLogin = jest.fn();
+    const onLogout = jest.fn();
+
+    server.addRequestHandler(
+      'POST',
+      'sessions/authorize',
+      DEFAULT_AUTH_RESPONSE,
+      onLogin,
+    );
+
+    server.addRequestHandler('DELETE', 'sessions/self', undefined, onLogout);
+
+    return { onLogin, onLogout };
+  };
+
+  const renderPage = async () => {
+    const { socket, ...other } = getSocket(DEFAULT_CONNECT_PARAMS);
+
+    const LoginPageTest = () => {
+      return <Login />;
+    };
+
+    const routes = [
+      {
+        path: '/login/*',
+        Component: LoginPageTest,
+      },
+      {
+        index: true,
+        Component: () => (
+          <div>
+            <div>Logged in</div>
+            {parseMenuItem(getLogoutItem(socket))}
+          </div>
+        ),
+      },
+    ];
+
+    const renderData = renderRoutes(routes, {
+      socket,
+      routerProps: { initialEntries: ['/login'] },
+    });
+
+    return { socket, ...renderData, ...other };
+  };
+
+  beforeEach(() => {
+    server = getMockServer();
+  });
+
+  afterEach(() => {
+    server.stop();
+  });
+
+  test.skip('should handle login', async () => {
+    const userEvent = setupUserEvent();
+
+    const { onLogin, onLogout } = addSuccessLoginHandlers();
+    const { getByRole, getByPlaceholderText, router, getByText, socket } =
+      await renderPage();
+
+    // Check content
+    await waitFor(() => expect(getByRole('form')).toBeTruthy());
+
+    // Edit
+    await setInputFieldValuesByPlaceholder(
+      { userEvent, getByPlaceholderText },
+      {
+        Username: 'testuser',
+        Password: 'testpassword',
+      },
+    );
+
+    // Submit
+    const button = getByRole('button', { name: 'Login' });
+    await userEvent.click(button);
+
+    await waitForUrl('/', router);
+
+    await waitFor(() => {
+      expect(onLogin).toHaveBeenCalledTimes(1);
+      expect(onLogin.mock.calls[0]).toMatchSnapshot();
+    });
+
+    userEvent.click(getByText('Logout'));
+    await waitFor(() => {
+      expect(onLogout).toHaveBeenCalledTimes(1);
+      expect(onLogout.mock.calls[0]).toMatchSnapshot();
+    });
+
+    expect(socket.isConnected()).toBe(false);
+  }, 100000);
+
+  test.skip('should handle invalid credentials', async () => {
+    const userEvent = setupUserEvent();
+
+    const onLoginFailed = jest.fn();
+    server.addErrorHandler(
+      'POST',
+      'sessions/authorize',
+      'Invalid username or password',
+      401,
+      onLoginFailed,
+    );
+
+    const { getByRole, getByText, getByPlaceholderText } = await renderPage();
+
+    // Check content
+    await waitFor(() => expect(getByRole('form')).toBeTruthy());
+
+    // Edit
+    await setInputFieldValuesByPlaceholder(
+      { userEvent, getByPlaceholderText },
+      {
+        Username: 'invalid',
+        Password: 'invalid',
+      },
+    );
+
+    // Submit
+    const button = getByRole('button', { name: 'Login' });
+    await userEvent.click(button);
+
+    await waitFor(() => {
+      expect(
+        getByText('Authentication failed: Invalid username or password'),
+      ).toBeTruthy();
+    });
+  }, 100000);
+});