Merge pull request #1791 from OpenQDev/vitest-migration

Vitest migration

.circleci/config.yml

@@ -41,16 +41,16 @@ jobs:
       - run:
           name: Test application
           command: |
-            TEST=$(circleci tests glob "__tests__/**/*.test.js" | circleci tests split --split-by=timings)
+            TEST=$(circleci tests glob "**/*.test.js" | circleci tests split --split-by=timings)
             docker exec openq-frontend yarn test:cicd $TEST
             echo $TEST
       - run:
-          command: mkdir ~/test-results &&  docker cp openq-frontend:/app/junit.xml ~/test-results/junit.xml
+          command: mkdir ~/junit docker cp openq-frontend:/app/junit.xml ~/junit/
           when: always
       - store_test_results:
-          path: ~/test-results//junit.xml
+          path: ~/junit
       - store_artifacts:
-          path: ~/test-results//junit.xml
+          path: ~/junit
 
   pushHelm:
     machine: true

.eslintrc.json

@@ -35,6 +35,9 @@
 		"unused-imports",
 		"prettier"
 	],
+	"globals": {
+		"vi": true
+	  },
 	"rules": {
 		"no-async-promise-executor": "off",
 		"no-inner-declarations": "off",

__tests__/pages/github.test.js → __tests__/pages/github.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import GithubAuth from '../../pages/auth/github';
@@ -9,20 +9,20 @@ import nextRouter from 'next/router';
 
 describe('GithubAuth', () => {
   beforeEach(() => {
-    const observe = jest.fn();
-    const disconnect = jest.fn();
+    const observe = vi.fn();
+    const disconnect = vi.fn();
 
-    window.IntersectionObserver = jest.fn(() => ({
+    window.IntersectionObserver = vi.fn(() => ({
       observe,
       disconnect,
     }));
 
-    nextRouter.useRouter = jest.fn();
+    nextRouter.useRouter = vi.fn();
 
     nextRouter.useRouter.mockImplementation(() => ({
       query: { type: null },
-      prefetch: jest.fn(() => {
-        return { catch: jest.fn };
+      prefetch: vi.fn(() => {
+        return { catch: vi.fn };
       }),
     }));
   });

components/Admin/Blacklisting/Blacklisting.test.js → components/Admin/Blacklisting/Blacklisting.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import { render, screen } from '../../../test-utils';

components/Admin/GrossValueMoved/GrossValueMoved.test.js → components/Admin/GrossValueMoved/GrossValueMoved.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import { render, screen } from '../../../test-utils';

components/Admin/Users/Users.test.js → components/Admin/Users/Users.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import { render, screen } from '../../../test-utils';

components/AdminPage/AdminModal/AdminModal.test.js → components/AdminPage/AdminModal/AdminModal.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import { render, screen } from '../../../test-utils';

components/AdminPage/AdminPage.test.js → components/AdminPage/AdminPage.test.jsx

@@ -1,5 +1,5 @@
 /**
- * @jest-environment jsdom
+ * @vi-environment jsdom
  */
 import React from 'react';
 import { render, screen } from '../../test-utils';

components/AdminPage/SetBudgetAdminPage/SetBudgetAdminPage.test.jsx

@@ -0,0 +1,52 @@
+/**
+ * @vi-environment jsdom
+ */
+import React from 'react';
+import { render, screen } from '../../../test-utils';
+import SetBudgetAdminPage from '.';
+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 = vi.fn();
+    const disconnect = vi.fn();
+    window.IntersectionObserver = vi.fn(() => ({
+      observe,
+      disconnect,
+    }));
+  });
+
+  describe('Fixed price contracts', () => {
+    it('should allow user to update budget', async () => {
+      // ARRANGE
+      const user = userEvent.setup();
+      const setFundingGoal = vi.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();
+
+      // ACT
+      await user.type(screen.getByRole('textbox'), '100');
+      await user.click(screen.getByRole('button', { name: 'select token' }));
+      await user.click(screen.getByRole('button', { name: /link/i }));
+      await user.click(await screen.findByRole('button', { name: 'Set New Budget' }));
+
+      // ASSERT
+      expect(await screen.findByText(/Updating Budget.../)).toBeInTheDocument();
+      expect(screen.getByText(/our request is being processed.../)).toBeInTheDocument();
+      const updatedTexts = await screen.findAllByText(/updated/i);
+      expect(updatedTexts[0]).toBeInTheDocument();
+      expect(await screen.findByText(/budget set to/i)).toBeInTheDocument();
+      expect(await screen.findByText(/100.0 LINK/)).toBeInTheDocument();
+      expect(setFundingGoal).toBeCalledWith(bounty.bountyId, '100', '0x5FbDB2315678afecb367f032d93F642f64180aa3');
+    });
+  });
+});

components/AdminPage/SetBudgetAdminPage/__snapshots__/SetBudgetAdminPage.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// vi Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SetBudgetAdminPage Split Price Contracts should allow user to update budget token and volume when no deposits: Snapshot: initial view 1`] = `
 <DocumentFragment>

components/AdminPage/SetTierAdminPage/SetTierAdminPage.test.js → components/AdminPage/SetTierAdminPage/SetTierAdminPage.test.jsx

@@ -9,9 +9,9 @@ import { waitFor } from '@testing-library/react';
 describe('SetTierAdminPage', () => {
   beforeEach(() => {
     InitialState.openQClient.reset();
-    const observe = jest.fn();
-    const disconnect = jest.fn();
-    window.IntersectionObserver = jest.fn(() => ({
+    const observe = vi.fn();
+    const disconnect = vi.fn();
+    window.IntersectionObserver = vi.fn(() => ({
       observe,
       disconnect,
     }));
@@ -42,7 +42,7 @@ describe('SetTierAdminPage', () => {
     const bounty = Constants.bounty3;
     // ARRANGE
     const user = userEvent.setup();
-    const setTier = jest.fn();
+    const setTier = vi.fn();
     const customInitialState = {
       ...InitialState,
       openQClient: new MockOpenQClient({ setTier }),

components/AdminPage/SetTierAdminPage/__snapshots__/SetTierAdminPage.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// vi Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`SetTierAdminPage should match DOM and render "Which token?", "Volumes:" if bounty type is 3 1`] = `
 <DocumentFragment>