move login page test under pages and add tests for all pages stubs

__tests__/tests/pages/Applications.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Applications from '../../../src/pages/Applications';
+
+describe('<Applications />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Applications />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/AuthSettings.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import AuthSettings from '../../../src/pages/AuthSettings';
+
+describe('<AuthSettings />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<AuthSettings />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/CredentialTypes.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import CredentialTypes from '../../../src/pages/CredentialTypes';
+
+describe('<CredentialTypes />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<CredentialTypes />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Credentials.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Credentials from '../../../src/pages/Credentials';
+
+describe('<Credentials />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Credentials />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Dashboard.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Dashboard from '../../../src/pages/Dashboard';
+
+describe('<Dashboard />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Dashboard />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/InstanceGroups.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import InstanceGroups from '../../../src/pages/InstanceGroups';
+
+describe('<InstanceGroups />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<InstanceGroups />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Inventories.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Inventories from '../../../src/pages/Inventories';
+
+describe('<Inventories />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Inventories />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/InventoryScripts.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import InventoryScripts from '../../../src/pages/InventoryScripts';
+
+describe('<InventoryScripts />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<InventoryScripts />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Jobs.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Jobs from '../../../src/pages/Jobs';
+
+describe('<Jobs />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Jobs />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/JobsSettings.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import JobsSettings from '../../../src/pages/JobsSettings';
+
+describe('<JobsSettings />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<JobsSettings />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/License.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import License from '../../../src/pages/License';
+
+describe('<License />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<License />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Login.jsx

@@ -0,0 +1,141 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import { mount, shallow } from 'enzyme';
+import { asyncFlush } from '../../../jest.setup';
+import LoginPage from '../../../src/pages/Login';
+import api from '../../../src/api';
+
+const LOGIN_ERROR_MESSAGE = 'Invalid username or password. Please try again.';
+
+describe('<LoginPage />', () => {
+  let loginWrapper;
+  let loginPage;
+  let loginForm;
+  let usernameInput;
+  let passwordInput;
+  let errorTextArea;
+  let submitButton;
+  let defaultLogo;
+
+  const findChildren = () => {
+    loginPage = loginWrapper.find('LoginPage');
+    loginForm = loginWrapper.find('form.pf-c-form');
+    usernameInput = loginWrapper.find('.pf-c-form__group#username TextInput');
+    passwordInput = loginWrapper.find('.pf-c-form__group#password TextInput');
+    errorTextArea = loginWrapper.find('.pf-c-form__helper-text.pf-m-error');
+    submitButton = loginWrapper.find('Button[type="submit"]');
+    defaultLogo = loginWrapper.find('TowerLogo');
+  };
+
+  beforeEach(() => {
+    loginWrapper = mount(<MemoryRouter><LoginPage /></MemoryRouter>);
+    findChildren();
+  });
+
+  afterEach(() => {
+    loginWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(loginWrapper.length).toBe(1);
+    expect(loginForm.length).toBe(1);
+    expect(usernameInput.length).toBe(1);
+    expect(usernameInput.props().value).toBe('');
+    expect(passwordInput.length).toBe(1);
+    expect(passwordInput.props().value).toBe('');
+    expect(errorTextArea.length).toBe(1);
+    expect(loginPage.state().error).toBe('');
+    expect(submitButton.length).toBe(1);
+    expect(submitButton.props().isDisabled).toBe(false);
+    expect(defaultLogo.length).toBe(1);
+  });
+
+  test('custom logo renders Brand component', () => {
+    loginWrapper = mount(<MemoryRouter><LoginPage logo="hey" /></MemoryRouter>);
+    findChildren();
+    expect(defaultLogo.length).toBe(0);
+  });
+
+  test('state maps to un/pw input value props', () => {
+    loginPage.setState({ username: 'un', password: 'pw' });
+    expect(loginPage.state().username).toBe('un');
+    expect(loginPage.state().password).toBe('pw');
+    findChildren();
+    expect(usernameInput.props().value).toBe('un');
+    expect(passwordInput.props().value).toBe('pw');
+  });
+
+  test('updating un/pw clears out error', () => {
+    loginPage.setState({ error: 'error!' });
+    usernameInput.instance().props.onChange('uname');
+    expect(loginPage.state().username).toBe('uname');
+    expect(loginPage.state().error).toBe('');
+    loginPage.setState({ error: 'error!' });
+    passwordInput.instance().props.onChange('pword');
+    expect(loginPage.state().password).toBe('pword');
+    expect(loginPage.state().error).toBe('');
+  });
+
+  test('api.login not called when loading', () => {
+    api.login = jest.fn().mockImplementation(() => Promise.resolve({}));
+    expect(loginPage.state().loading).toBe(false);
+    loginPage.setState({ loading: true });
+    submitButton.simulate('submit');
+    expect(api.login).toHaveBeenCalledTimes(0);
+  });
+
+  test('submit calls api.login successfully', async () => {
+    api.login = jest.fn().mockImplementation(() => Promise.resolve({}));
+    expect(loginPage.state().loading).toBe(false);
+    loginPage.setState({ username: 'unamee', password: 'pwordd' });
+    submitButton.simulate('submit');
+    expect(api.login).toHaveBeenCalledTimes(1);
+    expect(api.login).toHaveBeenCalledWith('unamee', 'pwordd');
+    expect(loginPage.state().loading).toBe(true);
+    await asyncFlush();
+    expect(loginPage.state().loading).toBe(false);
+  });
+
+  test('submit calls api.login handles 401 error', async () => {
+    api.login = jest.fn().mockImplementation(() => {
+      const err = new Error('401 error');
+      err.response = { status: 401, message: 'problem' };
+      return Promise.reject(err);
+    });
+    expect(loginPage.state().loading).toBe(false);
+    loginPage.setState({ username: 'unamee', password: 'pwordd' });
+    submitButton.simulate('submit');
+    expect(api.login).toHaveBeenCalledTimes(1);
+    expect(api.login).toHaveBeenCalledWith('unamee', 'pwordd');
+    expect(loginPage.state().loading).toBe(true);
+    await asyncFlush();
+    expect(loginPage.state().error).toBe(LOGIN_ERROR_MESSAGE);
+    expect(loginPage.state().loading).toBe(false);
+  });
+
+  test('submit calls api.login handles non-401 error', async () => {
+    api.login = jest.fn().mockImplementation(() => {
+      const err = new Error('500 error');
+      err.response = { status: 500, message: 'problem' };
+      return Promise.reject(err);
+    });
+    expect(loginPage.state().loading).toBe(false);
+    loginPage.setState({ username: 'unamee', password: 'pwordd' });
+    submitButton.simulate('submit');
+    expect(api.login).toHaveBeenCalledTimes(1);
+    expect(api.login).toHaveBeenCalledWith('unamee', 'pwordd');
+    expect(loginPage.state().loading).toBe(true);
+    await asyncFlush();
+    expect(loginPage.state().error).toBe('');
+    expect(loginPage.state().loading).toBe(false);
+  });
+
+  test('render Redirect to / when already authenticated', () => {
+    api.isAuthenticated = jest.fn();
+    api.isAuthenticated.mockReturnValue(true);
+    loginWrapper = shallow(<LoginPage />);
+    const redirectElem = loginWrapper.find('Redirect');
+    expect(redirectElem.length).toBe(1);
+    expect(redirectElem.props().to).toBe('/');
+  });
+});

__tests__/tests/pages/ManagementJobs.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ManagementJobs from '../../../src/pages/ManagementJobs';
+
+describe('<ManagementJobs />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<ManagementJobs />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/NotifcationTemplates.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import NotificationTemplates from '../../../src/pages/NotificationTemplates';
+
+describe('<NotificationTemplates />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<NotificationTemplates />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Organizations.jsx

@@ -0,0 +1,54 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Organizations from '../../../src/pages/Organizations';
+
+describe('<Organizations />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+  let gallery;
+  let galleryItems;
+  let orgCards;
+
+  const orgs = [
+    { id: 1, name: 'org 1' },
+    { id: 2, name: 'org 2' },
+    { id: 3, name: 'org 3' }
+  ];
+
+  const findOrgCards = () => {
+    galleryItems = pageWrapper.find('GalleryItem');
+    orgCards = pageWrapper.find('OrganizationCard');
+  };
+
+  beforeEach(() => {
+    pageWrapper = mount(<Organizations />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+    gallery = pageWrapper.find('Gallery');
+    findOrgCards();
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+    expect(gallery.length).toBe(1);
+    // by default, no galleryItems or orgCards
+    expect(galleryItems.length).toBe(0);
+    expect(orgCards.length).toBe(0);
+    // will render all orgCards if state is set
+    pageWrapper.setState({ organizations: orgs });
+    findOrgCards();
+    expect(galleryItems.length).toBe(3);
+    expect(orgCards.length).toBe(3);
+  });
+});

__tests__/tests/pages/Portal.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Portal from '../../../src/pages/Portal';
+
+describe('<Portal />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Portal />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Projects.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Projects from '../../../src/pages/Projects';
+
+describe('<Projects />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Projects />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Schedules.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Schedules from '../../../src/pages/Schedules';
+
+describe('<Schedules />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Schedules />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/SystemSettings.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import SystemSettings from '../../../src/pages/SystemSettings';
+
+describe('<SystemSettings />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<SystemSettings />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Teams.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Teams from '../../../src/pages/Teams';
+
+describe('<Teams />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Teams />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Templates.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Templates from '../../../src/pages/Templates';
+
+describe('<Templates />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Templates />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/UISettings.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import UISettings from '../../../src/pages/UISettings';
+
+describe('<UISettings />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<UISettings />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});

__tests__/tests/pages/Users.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Users from '../../../src/pages/Users';
+
+describe('<Users />', () => {
+  let pageWrapper;
+  let pageSections;
+  let title;
+
+  beforeEach(() => {
+    pageWrapper = mount(<Users />);
+    pageSections = pageWrapper.find('PageSection');
+    title = pageWrapper.find('Title');
+  });
+
+  afterEach(() => {
+    pageWrapper.unmount();
+  });
+
+  test('initially renders without crashing', () => {
+    expect(pageWrapper.length).toBe(1);
+    expect(pageSections.length).toBe(2);
+    expect(title.length).toBe(1);
+    expect(title.props().size).toBe('2xl');
+    pageSections.forEach(section => {
+      expect(section.props().variant).toBeDefined();
+    });
+  });
+});