Finished testings suites on several components

Co-authored-by: Alexander Holden <[email protected]>
Co-authored-by: William Owen <[email protected]>
Co-authored-by: Jessica Lee <[email protected]>

Author: 4 people

__tests__2022/components/About.test.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import About from '../../app/components/About';
+import DashboardContextProvider from '../../app/context/DashboardContext';
+
+describe('About Page', () => {
+  let element;
+  beforeAll(() => {
+    render(
+      <DashboardContextProvider>
+        <About />
+      </DashboardContextProvider>
+    );
+    element = screen.getByTestId('aboutPage');
+  });
+
+  it('Should have three p tags', () => {
+    expect(element.querySelectorAll('p').length).toBe(3);
+  });
+
+  it('Should have three h3 tags', () => {
+    expect(element.querySelectorAll('h3').length).toBe(3);
+  });
+
+  it('Should have one div', () => {
+    expect(element.querySelectorAll('div').length).toBe(1);
+  });
+});

__tests__2022/components/Applications.test.tsx

@@ -0,0 +1,27 @@
+// import React, { useContext } from 'react';
+import React from 'react';
+import { render, fireEvent, screen, cleanup } from '@testing-library/react';
+import { ipcRenderer, ipcMain } from 'electron';
+import DashboardContextProvider, { DashboardContext } from '../../app/context/DashboardContext';
+import Applications from '../../app/components/Applications';
+
+jest.mock('electron', () => ({
+  ipcRenderer: { sendSync: () => [] },
+  ipcMain: { on: jest.fn() },
+}));
+
+describe('Application', () => {
+  // beforeEach(() => {
+  //   let comp = render(<Applications />);
+  // });
+
+  it('should render', () => {
+    const component = render(
+      <DashboardContextProvider>
+        <Applications />
+      </DashboardContextProvider>
+    );
+    console.log(component);
+    expect(component).toBeTruthy();
+  });
+});

__tests__2022/components/AwaitingApproval.test.tsx

@@ -0,0 +1,64 @@
+import React from 'react';
+import { renderHook } from '@testing-library/react-hooks';
+import { render, fireEvent, screen, cleanup } from '@testing-library/react';
+
+import AwaitingApproval from '../../app/components/AwaitingApproval';
+
+import '@testing-library/jest-dom';
+
+describe('Awaiting Approval Page', () => {
+  const { result } = renderHook(() => AwaitingApproval());
+  
+  it('blah', () => {
+    expect(result.current).toBe('function');
+  });
+
+  it('Should have awaiting approval message', () => {
+    // screen.logTestingPlaygroundURL();
+    const element = result.current;
+    expect(element).toMatchInlineSnapshot(`
+    <p
+      class="welcomeMessage"
+      data-testid="awaitingApprovalMessage"
+    >
+      Your account is awaiting approval. Please contact your administrator if you have any questions.
+    </p>
+    `);
+  });
+});
+// describe('Awaiting Approval Page', () => {
+//   beforeEach(() => {
+//     render(<AwaitingApproval />);
+//   });
+
+//   xit('Should have awaiting approval message', () => {
+//     const element = screen.getByTestId('awaitingApprovalMessage');
+//     expect(element).toMatchInlineSnapshot(`
+//     <p
+//       class="welcomeMessage"
+//       data-testid="awaitingApprovalMessage"
+//     >
+//       Your account is awaiting approval. Please contact your administrator if you have any questions.
+//     </p>
+//     `);
+//   });
+
+//   xit('Should have return button', () => {
+//     const returnBtn = screen.getByRole('button');
+//     expect(returnBtn).toHaveTextContent('Return');
+//   });
+
+//   it('Should perform re-route on button click', () => {
+//     const returnBtn = screen.getByRole('button');
+//     fireEvent.click(returnBtn);
+//     screen.logTestingPlaygroundURL();
+//     // expect(mockCall).toHaveBeenCalledTimes(1);
+//   });
+// });
+
+
+/* render(<AwaitingApproval onClick={mockCall() />})
+
+
+
+*/

__tests__2022/components/Contact.test.tsx

@@ -0,0 +1,40 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import Contact from '../../app/components/Contact';
+import DashboardContextProvider from '../../app/context/DashboardContext';
+
+describe('Contact Page', () => {
+  let element;
+  beforeAll(() => {
+    render(
+      <DashboardContextProvider>
+        <Contact />
+      </DashboardContextProvider>
+    );
+    element = screen.getByTestId('contactPage');
+  });
+
+  it('Should have two p tags', () => {
+    expect(element.querySelectorAll('p').length).toBe(2);
+  });
+
+  it('Should have a form', () => {
+    expect(element.querySelectorAll('form').length).toBe(1);
+  });
+
+  it('Should have six labels', () => {
+    expect(element.querySelectorAll('label').length).toBe(6);
+  });
+
+  it('Should have one h1 tags', () => {
+    expect(element.querySelectorAll('h1').length).toBe(1);
+  });
+
+  it('Should have three divs', () => {
+    expect(element.querySelectorAll('div').length).toBe(3);
+  });
+
+  it('Should have have two inputs', () => {
+    expect(element.querySelectorAll('input').length).toBe(6);
+  });
+});

__tests__2022/components/CreateAdmin.test.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import CreateAdmin from '../../app/components/CreateAdmin';
+import DashboardContextProvider from '../../app/context/DashboardContext';
+
+describe('Create Admin Page', () => {
+  let element;
+  beforeAll(() => {
+    render(
+      <DashboardContextProvider>
+        <CreateAdmin />
+      </DashboardContextProvider>
+    );
+    element = screen.getByTestId('createAdmin');
+  });
+});

__tests__2022/components/FirstLaunch.test.tsx

@@ -6,7 +6,7 @@ const { ipcRenderer } = require('electron');
 
 jest.mock('electron', () => ({ ipcRenderer: { sendSync: jest.fn() } }));
 
-describe('FirstLaunch Page', () => {
+xdescribe('FirstLaunch Page', () => {
   const TestComponent = ({ onClick }) => {
     const { updateLandingPage } = useContext(DashboardContext);
     return (

__tests__2022/components/KirksAttempt.test.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { render, fireEvent, screen } from '@testing-library/react';
+import AwaitingApproval from '../../app/components/AwaitingApproval';
+import '@testing-library/jest-dom';
+
+jest.mock('react-router', () => ({
+  // ...jest.requireActual('react-router-dom') as typeof ReactRouterDom,
+  useHistory: () => ({ push: jest.fn() }), // ({ push: jest.fn() })
+}));
+
+describe('Awaiting Approval Page', () => {
+  beforeEach(() => {
+    render(<AwaitingApproval />);
+  });
+
+  it('Should have awaiting approval message', () => {
+    const element = screen.getByTestId('awaitingApprovalMessage');
+    expect(element).toMatchInlineSnapshot(`
+    <p
+      class="welcomeMessage"
+      data-testid="awaitingApprovalMessage"
+    >
+      Your account is awaiting approval. Please contact your administrator if you have any questions.
+    </p>
+    `);
+  });
+
+  it('Should have return button', () => {
+    const returnBtn = screen.getByRole('button');
+    expect(returnBtn).toHaveTextContent('Return');
+  });
+
+  it('Should perform re-route on button click', () => {
+    const returnBtn = screen.getByRole('button');
+    expect(fireEvent.click(returnBtn)).toBeTruthy();
+    expect(typeof returnBtn.onclick).toBe('function');
+  });
+});

app/components/About.tsx

@@ -12,7 +12,7 @@ const About: React.FC = React.memo(() => {
 
   return (
     <div className="about">
-      <div className="blurb">
+      <div className="blurb" data-testid="aboutPage">
         <h3 style={currentMode} className="mainTitle">
           About
         </h3>

app/components/AwaitingApproval.tsx

@@ -1,20 +1,21 @@
 import React from 'react';
 import { useHistory } from 'react-router-dom';
 
-const AwaitingApproval = React.memo(() => {
+function AwaitingApproval() {
   const history = useHistory();
+  const reroute = () => history.push('/');
   return (
     <div className="home">
-      <p className="welcomeMessage">
+      <p className="welcomeMessage" data-testid="awaitingApprovalMessage">
         Your account is awaiting approval. Please contact your administrator if you have any
         questions.
       </p>
       <br />
-      <button className="link" onClick={() => history.push('/')}>
+      <button className="link" onClick={reroute}>
         Return
       </button>
     </div>
   );
-});
+}
 
 export default AwaitingApproval;

app/components/Contact.tsx

@@ -12,7 +12,7 @@ const Contact = React.memo(() => {
 
   return (
     <div className="contact">
-      <div className="contact-border">
+      <div className="contact-border" data-testid="contactPage">
         <div className="contact-container">
           <div className="contact-blurb">
             <h1 style={currentMode}>Contact Us</h1>