School Commit Init

2024-08-31 12:07:21 +03:00
commit 0b130ee18c
2801 changed files with 4720552 additions and 0 deletions
@@ -0,0 +1,55 @@
+import { expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import DrugDetails from '../src/components/Details/DrugDetails';
+import React from 'react';
+import routes from '../src/constants/routes';
+import drugs from '../src/constants/mock_data';
+import { Provider } from 'react-redux';
+import { store } from '../src/redux/store';
+
+const mockedUseNavigate = vi.fn(() => {
+  return (path: string) => {
+    return routes[path];
+  };
+});
+vi.mock('react-router-dom', async () => {
+  const mod = await vi.importActual<typeof import('react-router-dom')>(
+    'react-router-dom'
+  );
+  return {
+    ...mod,
+    useNavigate: () => mockedUseNavigate,
+    useParams: () => ({ id: '1' })
+  };
+});
+
+vi.mock('react-redux', async () => {
+  const mod = await vi.importActual<typeof import('react-redux')>(
+    'react-redux'
+  );
+  return {
+    ...mod,
+    useSelector: () => drugs[0]
+  };
+});
+
+test('DrugDetails renders correctly', () => {
+  render(
+    <Provider store={store}>
+      <DrugDetails />
+    </Provider>
+  );
+  expect(screen.getByText('Paracetamol')).toBeTruthy();
+  expect(screen.getByText('$5')).toBeTruthy();
+  expect(
+    screen.getByText(
+      'Paracetamol is a painkiller and can be used to relieve mild to moderate pain. It can also reduce high temperatures (fever).'
+    )
+  ).toBeTruthy();
+});
+
+test('DrugDetails back button works correctly', () => {
+  render(<DrugDetails />);
+  fireEvent.click(screen.getByText('Back'));
+  expect(mockedUseNavigate).toHaveBeenCalledWith(-1);
+});
@@ -0,0 +1,182 @@
+import { expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import drugs from '../src/constants/mock_data';
+import React from 'react';
+import routes from '../src/constants/routes';
+import DrugFrom from '../src/components/Shared/DrugForm';
+import axios from 'axios';
+import Drug from '../src/interfaces/Drug';
+
+const mockedUseNavigate = vi.fn(() => {
+  return (path: string) => {
+    return routes[path];
+  };
+});
+vi.mock('react-router-dom', async () => {
+  const mod = await vi.importActual<typeof import('react-router-dom')>(
+    'react-router-dom'
+  );
+  return {
+    ...mod,
+    useNavigate: () => mockedUseNavigate
+  };
+});
+
+vi.mock('react-redux', async () => {
+  const mod = await vi.importActual<typeof import('react-redux')>(
+    'react-redux'
+  );
+  return {
+    ...mod,
+    useDispatch: () => vi.fn()
+  };
+});
+
+test('DrugForm renders correctly - Empty', () => {
+  render(<DrugFrom />);
+  expect(screen.getByTitle('Name')).toBeTruthy();
+  expect(screen.getByTitle('Stock')).toBeTruthy();
+  expect(screen.getByTitle('Price')).toBeTruthy();
+
+  expect(
+    screen.getByTitle('Name').getElementsByTagName('input')[0].value
+  ).not.toBeTruthy();
+  expect(screen.getByTitle('Stock').getElementsByTagName('input')[0].value).eq(
+    '0'
+  );
+  expect(screen.getByTitle('Price').getElementsByTagName('input')[0].value).eq(
+    '0'
+  );
+});
+
+test('DrugForm renders correctly - Update', () => {
+  render(<DrugFrom updateDrug={drugs[0]} />);
+  expect(screen.getByTitle('Name')).toBeTruthy();
+  expect(screen.getByTitle('Stock')).toBeTruthy();
+  expect(screen.getByTitle('Price')).toBeTruthy();
+
+  expect(screen.getByTitle('Name').getElementsByTagName('input')[0].value).eq(
+    drugs[0].name
+  );
+  expect(screen.getByTitle('Stock').getElementsByTagName('input')[0].value).eq(
+    drugs[0].stock.toString()
+  );
+  expect(screen.getByTitle('Price').getElementsByTagName('input')[0].value).eq(
+    drugs[0].price.toString()
+  );
+});
+
+test('DrugForm renders correctly - Create', () => {
+  render(<DrugFrom />);
+  expect(drugs.length).eq(16);
+  fireEvent.change(screen.getByTitle('Name').getElementsByTagName('input')[0], {
+    target: { value: 'Test' }
+  });
+  fireEvent.change(
+    screen.getByTitle('Stock').getElementsByTagName('input')[0],
+    {
+      target: { value: '10' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Price').getElementsByTagName('input')[0],
+    {
+      target: { value: '100' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Manufacturer').getElementsByTagName('input')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Description').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Side Effects').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Interactions').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Dosage').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Contraindications').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Warnings').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Storage').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Pregnancy').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Breastfeeding').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  fireEvent.change(
+    screen.getByTitle('Overdose').getElementsByTagName('textarea')[0],
+    {
+      target: { value: 'Test' }
+    }
+  );
+  vi.spyOn(axios, 'post').mockImplementation((url: string, data?: unknown) => {
+    drugs.push(data as Drug);
+    return Promise.resolve({ data: data });
+  });
+  fireEvent.click(screen.getByText('Submit'));
+  expect(drugs.length).eq(17);
+  expect(drugs[16].name).eq('Test');
+});
+
+test('DrugForm renders correctly - Update', () => {
+  render(<DrugFrom updateDrug={drugs[0]} />);
+  expect(screen.getByTitle('Name')).toBeTruthy();
+  expect(screen.getByTitle('Stock')).toBeTruthy();
+  expect(screen.getByTitle('Price')).toBeTruthy();
+
+  expect(screen.getByTitle('Name').getElementsByTagName('input')[0].value).eq(
+    drugs[0].name
+  );
+
+  fireEvent.change(screen.getByTitle('Name').getElementsByTagName('input')[0], {
+    target: { value: 'cox' }
+  });
+  vi.spyOn(axios, 'put').mockImplementation((url: string, data?: unknown) => {
+    const index = drugs.findIndex((d) => d.id === (data as Drug).id);
+    drugs[index] = data as Drug;
+    return Promise.resolve({ data: data });
+  });
+  fireEvent.click(screen.getByText('Submit'));
+  expect(drugs[0].name).eq('cox');
+});
@@ -0,0 +1,77 @@
+import { expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import DrugTable from '../src/components/Search/DrugTable';
+import drugs from '../src/constants/mock_data';
+import React from 'react';
+import routes from '../src/constants/routes';
+import { Provider } from 'react-redux';
+import { store } from '../src/redux/store';
+import axios from 'axios';
+
+const mockedUseNavigate = vi.fn(() => {
+  return (path: string) => {
+    return routes[path];
+  };
+});
+vi.mock('react-router-dom', async () => {
+  const mod = await vi.importActual<typeof import('react-router-dom')>(
+    'react-router-dom'
+  );
+  return {
+    ...mod,
+    useNavigate: () => mockedUseNavigate
+  };
+});
+
+test('DrugTable renders correctly', () => {
+  render(
+    <Provider store={store}>
+      <DrugTable />
+    </Provider>
+  );
+  vi.spyOn(axios, 'get').mockResolvedValue({
+    data: { Page: 1, PageSize: 10, Total: 16, Items: drugs }
+  });
+  expect(screen.getByText('Name')).toBeTruthy();
+  expect(screen.getByText('Price (USD)')).toBeTruthy();
+  expect(screen.getByText('Manufacturer')).toBeTruthy();
+});
+
+test('DrugTable renders correct number of rows', async () => {
+  vi.spyOn(axios, 'get').mockResolvedValue({
+    data: { Page: 1, PageSize: 10, total: 16, items: drugs.slice(0, 10) }
+  });
+  render(
+    <Provider store={store}>
+      <DrugTable />
+    </Provider>
+  );
+  await new Promise((r) => setTimeout(r, 1000));
+  // Header row + 10 data rows + 1 row for pagination
+  expect(screen.getAllByRole('row')).toHaveLength(12);
+  vi.spyOn(axios, 'get').mockResolvedValue({
+    data: { Page: 2, PageSize: 10, total: 16, items: drugs.slice(9, 16) }
+  });
+  fireEvent.click(screen.getByLabelText('next page'));
+  // Header row + 6 data rows + 1 empty row to keep style + 1 row for pagination
+  await new Promise((r) => setTimeout(r, 1000));
+  expect(screen.getAllByRole('row')).toHaveLength(9);
+});
+
+test('DrugTable buttons work correctly', async () => {
+  vi.spyOn(axios, 'get').mockResolvedValue({
+    data: { Page: 1, PageSize: 10, total: 16, items: drugs.slice(0, 10) }
+  });
+  render(
+    <Provider store={store}>
+      <DrugTable />
+    </Provider>
+  );
+  await new Promise((r) => setTimeout(r, 1000));
+  fireEvent.click(screen.getAllByText('View').pop()!);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/details/10');
+  fireEvent.click(screen.getAllByText('Update').pop()!);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/update/10');
+  fireEvent.click(screen.getAllByText('Delete').pop()!);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/update/10');
+});
@@ -0,0 +1,44 @@
+import { expect, test, vi } from 'vitest';
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import routes from '../src/constants/routes';
+import Header from '../src/components/Shared/Header';
+import { Provider } from 'react-redux';
+import { store } from '../src/redux/store';
+
+const mockedUseNavigate = vi.fn(() => {
+  return (path: string) => {
+    return routes[path];
+  };
+});
+vi.mock('react-router-dom', async () => {
+  const mod = await vi.importActual<typeof import('react-router-dom')>(
+    'react-router-dom'
+  );
+  return {
+    ...mod,
+    useNavigate: () => mockedUseNavigate
+  };
+});
+
+test('Header - test links', () => {
+  render(
+    <Provider store={store}>
+      <Header />
+    </Provider>
+  );
+  const homeLink = screen.getAllByText('Silk Road');
+  const firstLink = homeLink[0];
+  expect(firstLink).toBeTruthy();
+  fireEvent.click(firstLink);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/');
+  const secondLink = homeLink[1];
+  expect(secondLink).toBeTruthy();
+  fireEvent.click(secondLink);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/');
+  const addLink = screen.getAllByText('Add Drug');
+  const add = addLink[0];
+  expect(add).toBeTruthy();
+  fireEvent.click(add);
+  expect(mockedUseNavigate).toHaveBeenCalledWith('/add');
+});