Added some tests

Author: acidonper

src/domain/Jump.spec.ts

@@ -0,0 +1,14 @@
+import { Jump } from './Jump';
+
+describe('Jump Interface', () => {
+  it('should instantiate a Jump Object', () => {
+    const jump: Jump = {
+      message: 'message',
+      jump_path: '/jump_path',
+      last_path: '/last_path',
+      jumps: ['jump1']
+    };
+
+    expect(jump).toBeTruthy();
+  });
+});

src/domain/JumpLog.spec.ts

@@ -0,0 +1,12 @@
+import { JumpLog } from './JumpLog';
+
+describe('Jump Log Interface', () => {
+  it('should instantiate a Jump Log Object', () => {
+    const jumpLog: JumpLog = {
+      message: 'message',
+      dateLog: '01/01/2021'
+    };
+
+    expect(jumpLog).toBeTruthy();
+  });
+});

src/domain/ResponseBack.spec.ts

@@ -0,0 +1,12 @@
+import { ResponseBack } from './ResponseBack';
+
+describe('Response Back Interface', () => {
+  it('should instantiate a Response Back Object', () => {
+    const responseBack: ResponseBack = {
+      message: 'message',
+      code: 1234
+    };
+
+    expect(responseBack).toBeTruthy();
+  });
+});

src/domain/Task.spec.ts

@@ -0,0 +1,12 @@
+import { Task } from './Task';
+
+describe('Task Interface', () => {
+  it('should instantiate a Task Object', () => {
+    const task: Task = {
+      message: 'message',
+      code: 1234
+    };
+
+    expect(task).toBeTruthy();
+  });
+});

src/infrastructure/postJump.spec.ts

@@ -0,0 +1,29 @@
+import axios from 'axios';
+import { Jump } from '../domain/Jump';
+import { sentJump } from './postJump';
+
+jest.mock('axios');
+
+describe('Infrastructure -> Test Sent Jump to Back', () => {
+  it('should send a jump object to the backend', async () => {
+    const url: string = 'https://acidonpe.com/jump';
+    const data: Jump = {
+      message: 'message',
+      jump_path: '/jump_path',
+      last_path: '/last_path',
+      jumps: ['jump1']
+    };
+
+    const response: any = {
+      data: {
+        message: 'messages',
+        code: 1234
+      }
+    };
+
+    axios.post.mockImplementationOnce(() => Promise.resolve(response));
+    const jumpResponse = await sentJump(url, data);
+
+    expect(jumpResponse).toBe(response.data);
+  });
+});

src/ui/header/Header.spec.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Header } from './Header';
+import { render } from '@testing-library/react';
+
+describe('Test React Multi Component Header', () => {
+  it('should have a logo component', () => {
+    const { getByRole, getAllByRole } = render(<Header />);
+    const logoDiv = getByRole('logo');
+    const img = getByRole('img');
+    const h1 = getAllByRole('heading');
+
+    const imgName = img.getAttribute('alt');
+
+    expect(logoDiv).toBeTruthy();
+    expect(imgName).toBe('Jump Logo');
+    expect(h1[0]).toHaveTextContent('Jump App v2.0');
+  });
+});

src/ui/header/Header.tsx

@@ -10,7 +10,7 @@ interface Props {}
 export const Header: React.FunctionComponent<Props> = () => {
   return (
     <>
-      <div className={cx('logo')}>
+      <div role='logo' className={cx('logo')}>
         <a href='/'>
           <Logo size='xxl'></Logo>
         </a>

src/ui/home/Home.spec.tsx

@@ -0,0 +1,51 @@
+import React from 'react';
+import { Home } from './Home';
+import { screen } from '@testing-library/react';
+import { render } from '@testing-library/react';
+
+describe('Test React Multi Component Home', () => {
+  let container: any;
+
+  beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    document.body.removeChild(container);
+    container = null;
+  });
+
+  it('should have a Home component', async () => {
+    const { getByRole } = render(<Home />);
+
+    const titles = screen.getAllByRole('heading');
+    const images = screen.getAllByRole('img');
+    const roleJump = getByRole('jump');
+    const roleJumpSel = getByRole('jumpselections');
+    const roleJumpBox = getByRole('jumpbox');
+    const roleJumpActs = getByRole('jumpaction');
+    const roleJumpLogs = getByRole('jumplog');
+    const buttons = screen.getAllByRole('button');
+
+    const imgNameSp = images[0].getAttribute('alt');
+    const imgNameGo = images[1].getAttribute('alt');
+    const imgNamePy = images[2].getAttribute('alt');
+    const imgNameJump = images[images.length - 1].getAttribute('alt');
+
+    expect(titles[0]).toHaveTextContent('Add Jump:');
+    expect(titles[1]).toHaveTextContent('Calls Retries:');
+    expect(titles[2]).toHaveTextContent('Calls Interval:');
+    expect(titles[3]).toHaveTextContent('Jumps');
+    expect(imgNameSp).toBe('Springboot');
+    expect(imgNameGo).toBe('Golang');
+    expect(imgNamePy).toBe('Python');
+    expect(imgNameJump).toBe('Jump!');
+    expect(roleJump).toBeTruthy();
+    expect(roleJumpSel).toBeTruthy();
+    expect(roleJumpBox).toBeTruthy();
+    expect(roleJumpActs).toBeTruthy();
+    expect(roleJumpLogs).toBeTruthy();
+    expect(buttons.length).toBe(4);
+  });
+});

src/ui/home/Home.tsx

@@ -22,25 +22,25 @@ export const Home: React.FunctionComponent<Props> = () => {
     id: '1',
     jump: appGolang,
     name: 'Golang',
-    img: './golang.png',
+    img: './golang.png'
   };
   const springboot = {
     id: '2',
     jump: appSpringboot,
     name: 'Springboot',
-    img: './springboot.png',
+    img: './springboot.png'
   };
   const python = {
     id: '3',
     jump: appPython,
     name: 'Python',
-    img: './python.png',
+    img: './python.png'
   };
 
   const jumps = [golang, springboot, python];
   const jumpLogTest = {
     dateLog: '',
-    message: '',
+    message: ''
   };
 
   const [data, setData] = useState(jumps);
@@ -63,7 +63,7 @@ export const Home: React.FunctionComponent<Props> = () => {
       message: 'hello',
       jump_path: '/jump',
       last_path: '/jump',
-      jumps: data.map((i) => i.jump),
+      jumps: data.map((i) => i.jump)
     };
 
     const timeout = async (ms: number) => {
@@ -82,7 +82,7 @@ export const Home: React.FunctionComponent<Props> = () => {
       const prefix = 'Jump ' + index.toString() + ' -> ';
       const item: JumpLog = {
         dateLog: prefix + date.toString(),
-        message: JSON.stringify(jump),
+        message: JSON.stringify(jump)
       };
       setCallLogs({ ...item });
     }
@@ -133,8 +133,8 @@ export const Home: React.FunctionComponent<Props> = () => {
 
   return (
     <>
-      <div className={cx('jumps')}>
-        <div className={cx('jumps-buttons')}>
+      <div role='jump' className={cx('jumps')}>
+        <div role='jumpselections' className={cx('jumps-buttons')}>
           <div>
             <h1>Add Jump:</h1>
             <div className={cx('jumps-buttons-images')}>
@@ -167,11 +167,11 @@ export const Home: React.FunctionComponent<Props> = () => {
           <div>
             <h1>Calls Retries:</h1>
             <input
-              type="number"
-              id="calls"
-              name="calls"
+              type='number'
+              id='calls'
+              name='calls'
               required={true}
-              placeholder="80"
+              placeholder='80'
               onChange={(event) => setCalls(parseInt(event.target.value))}
               value={calls}
               className={cx('jumps-buttons-calls')}
@@ -180,11 +180,11 @@ export const Home: React.FunctionComponent<Props> = () => {
           <div>
             <h1>Calls Interval:</h1>
             <input
-              type="number"
-              id="callsInterval"
-              name="callsInterval"
+              type='number'
+              id='callsInterval'
+              name='callsInterval'
               required={true}
-              placeholder="80"
+              placeholder='80'
               onChange={(event) =>
                 setCallsInterval(parseInt(event.target.value))
               }
@@ -193,10 +193,10 @@ export const Home: React.FunctionComponent<Props> = () => {
             />
           </div>
         </div>
-        <div className={cx('jumps-box')}>
+        <div role='jumpbox' className={cx('jumps-box')}>
           <h1>Jumps</h1>
           <DragDropContext onDragEnd={handleOnDragEnd}>
-            <Droppable droppableId="jumps">
+            <Droppable droppableId='jumps'>
               {(provided) => (
                 <ul {...provided.droppableProps} ref={provided.innerRef}>
                   {data.map(({ id, name, jump }, index) => {
@@ -215,8 +215,8 @@ export const Home: React.FunctionComponent<Props> = () => {
                               </p>
                               <img
                                 onClick={() => delJump(index)}
-                                src="./bin.png"
-                                alt="bin"
+                                src='./bin.png'
+                                alt='bin'
                                 className={cx('jumps-box-item-img')}
                               />
                             </div>
@@ -231,18 +231,18 @@ export const Home: React.FunctionComponent<Props> = () => {
             </Droppable>
           </DragDropContext>
         </div>
-        <div className={cx('jumps-actions')}>
+        <div role='jumpaction' className={cx('jumps-actions')}>
           <button onClick={sendJumps} className={cx('jumps-actions-button')}>
             <img
-              src="./rocket.png"
-              alt="Jump!"
+              src='./rocket.png'
+              alt='Jump!'
               className={cx('jumps-actions-button-img')}
             />
             <p>- JUMP -</p>
           </button>
         </div>
       </div>
-      <div className={cx('logs')}>
+      <div role='jumplog' className={cx('logs')}>
         <div className={cx('logs-items')}>
           <p>
             {callLogs.dateLog} {callLogs.message}