refactored out AdminPage components

Author: Christopher-Stevers

__tests__/Admin/AdminModal.test.js renamed to __tests__/AdminPage/AdminModal.test.js

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import { render, screen } from '../../test-utils';
-import AdminModal from '../../components/Admin/AdminModal';
+import AdminModal from '../../components/AdminPage/AdminModal';
 import InitialState from '../../store/Store/InitialState';
 import { waitFor } from '@testing-library/react';
 import Constants from '../../test-utils/constant';

__tests__/Admin/AdminPage.test.js renamed to __tests__/AdminPage/AdminPage.test.js

@@ -3,7 +3,7 @@
  */
 import React from 'react';
 import { render, screen } from '../../test-utils';
-import AdminPage from '../../components/Admin/AdminPage';
+import AdminPage from '../../components/AdminPage/AdminPage';
 import InitialState from '../../store/Store/InitialState';
 import { waitFor } from '@testing-library/react';
 import Constants from '../../test-utils/constant';

__tests__/AdminPage/SetBudgetAdminPage.test.js

@@ -0,0 +1,41 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
+import { render, screen } from '../../test-utils';
+import SetBudgetAdminPage from '../../components/AdminPage/SetBudgetAdminPage';
+import InitialState from '../../store/Store/InitialState';
+import Constants from '../../test-utils/constant';
+import userEvent from '@testing-library/user-event';
+import MockOpenQClient from '../../services/ethers/MockOpenQClient';
+describe('SetBudgetAdminPage', () => {
+  const bounty = Constants.bounty;
+  beforeEach(() => {
+    InitialState.openQClient.reset();
+    const observe = jest.fn();
+    const disconnect = jest.fn();
+    window.IntersectionObserver = jest.fn(() => ({
+      observe,
+      disconnect,
+    }));
+  });
+  it('should allow user to update budget', async () => {
+    // ARRANGE
+    const user = userEvent.setup();
+    const setFundingGoal = jest.fn();
+    const customInitialState = {
+      ...InitialState,
+      openQClient: new MockOpenQClient({ setFundingGoal }),
+    };
+    render(<SetBudgetAdminPage refreshBounty={() => {}} bounty={bounty} />, {}, customInitialState);
+    expect(screen.getByText('Set a New Budget for this Contract')).toBeInTheDocument();
+    await user.type(screen.getByRole('textbox'), '100');
+    await user.click(screen.getByRole('button', { name: 'Set New Budget' }));
+    expect(screen.getByText(/Updating Budget.../)).toBeInTheDocument();
+    expect(screen.getByText(/our request is being processed.../)).toBeInTheDocument();
+    expect(await screen.findByText(/updated/i)).toBeInTheDocument();
+    expect(await screen.findByText(/budget set to/i)).toBeInTheDocument();
+    expect(await screen.findByText(/100.0 MATIC/)).toBeInTheDocument();
+    expect(setFundingGoal).toBeCalledWith(bounty.bountyId, '100');
+  });
+});

__tests__/lib/getBigNumberVol.test.js

@@ -0,0 +1,20 @@
+// test getBigNumberVol function from lib
+import { getBigNumberVol } from '../../services/utils/lib';
+describe('getBigNumberVol', () => {
+  it('should return 1', () => {
+    const volume = '1';
+    const token = {
+      decimals: 18,
+    };
+    const result = getBigNumberVol(volume, token);
+    expect(result.toLocaleString('fullwide', { useGrouping: false })).toBe('1000000000000000000');
+  });
+  it('should return 0 when given .', () => {
+    const volume = '.';
+    const token = {
+      decimals: 18,
+    };
+    const result = getBigNumberVol(volume, token);
+    expect(result.toLocaleString('fullwide', { useGrouping: false })).toBe('0');
+  });
+});