Refactor Jest configuration and remove unused mocks (#414)

* Refactor Jest configuration and remove unused mocks

* Simplified Jest configuration by removing unnecessary module mappings for @multiversx/sdk-dapp-ui.
* Added network configuration to initConfig for local wallet address.
* Enhanced setupTests to support BigInt serialization in snapshots.
* Refactored PingPongService to use helper functions and removed unused hooks and tests for improved clarity and maintainability.

* Remove network configuration from initConfig for local wallet address

* Fix tests

---------

Co-authored-by: Tudor Morar <[email protected]>

Author: razvantomegea

jest.config.js

@@ -15,7 +15,9 @@ module.exports = {
   },
   transformIgnorePatterns: ['node_modules/(^.+\\\\.(ts|js)$)'],
   testMatch: ['**/src/**/?(*.)+(spec|test|bgTest).ts?(x)'],
-
+  moduleNameMapper: {
+    '\\.(css|sass|scss)$': 'identity-obj-proxy'
+  },
   moduleFileExtensions: [
     // Place tsx and ts to beginning as suggestion from Jest team
     // https://jestjs.io/docs/configuration#modulefileextensions-arraystring

src/config/config.devnet.ts

@@ -1,4 +1,4 @@
-import { EnvironmentsEnum } from 'lib';
+import { EnvironmentsEnum } from 'lib/sdkDapp/sdkDapp.types';
 
 export * from './sharedConfig';
 

src/config/config.mainnet.ts

@@ -1,4 +1,4 @@
-import { EnvironmentsEnum } from 'lib';
+import { EnvironmentsEnum } from 'lib/sdkDapp/sdkDapp.types';
 
 export * from './sharedConfig';
 

src/config/config.testnet.ts

@@ -1,4 +1,4 @@
-import { EnvironmentsEnum } from 'lib';
+import { EnvironmentsEnum } from 'lib/sdkDapp/sdkDapp.types';
 
 export * from './sharedConfig';
 

src/pages/Dashboard/widgets/PingPongAbi/PingPongAbi.tsx

@@ -3,10 +3,10 @@ import {
   PingTransactionPayloadType
 } from 'components/PingPongComponent';
 import { useSendPingPongTransaction } from 'hooks';
-import { useGetPingAmount, useGetTimeToPong } from './hooks';
+import { getTimeToPong } from '../PingPongService/helpers/getTimeToPong';
+import { useGetPingAmount } from './hooks';
 
 export const PingPongAbi = () => {
-  const getTimeToPong = useGetTimeToPong();
   const { sendPingTransactionFromAbi, sendPongTransactionFromAbi } =
     useSendPingPongTransaction();
   const pingAmount = useGetPingAmount();

src/pages/Dashboard/widgets/PingPongService/PingPongService.tsx

@@ -8,7 +8,7 @@ import {
   useGetPingTransaction,
   useGetPongTransaction,
   useGetTimeToPong
-} from './hooks';
+} from './helpers';
 
 // The transactions are being done by directly requesting to template-dapp service
 export const PingPongService = () => {

src/pages/Dashboard/widgets/PingPongService/helpers/getPingTransaction.ts

@@ -0,0 +1,22 @@
+import axios from 'axios';
+import { API_URL } from 'config';
+import { Transaction } from 'lib/sdkCore';
+
+export const getPingTransaction = async () => {
+  try {
+    const { data } = await axios.post(
+      '/ping-pong/abi/ping',
+      {},
+      {
+        baseURL: API_URL
+      }
+    );
+
+    const pingTransaction = Transaction.newFromPlainObject(data);
+
+    return pingTransaction;
+  } catch (err) {
+    console.error('Unable to get Ping Transaction', err);
+    return null;
+  }
+};

src/pages/Dashboard/widgets/PingPongService/helpers/getPongTransaction.ts

@@ -0,0 +1,22 @@
+import axios from 'axios';
+import { API_URL } from 'config';
+import { Transaction } from 'lib/sdkCore';
+
+export const getPongTransaction = async () => {
+  try {
+    const { data } = await axios.post(
+      '/ping-pong/abi/pong',
+      {},
+      {
+        baseURL: API_URL
+      }
+    );
+
+    const pongTransaction = Transaction.newFromPlainObject(data);
+
+    return pongTransaction;
+  } catch (err) {
+    console.error('Unable to get Pong Transaction', err);
+    return null;
+  }
+};

src/pages/Dashboard/widgets/PingPongService/helpers/getTimeToPong.ts

@@ -0,0 +1,19 @@
+import axios from 'axios';
+import { API_URL } from 'config';
+import { TimeToPongResponseType } from '../types';
+
+export const getTimeToPong = async () => {
+  try {
+    const { data } = await axios.get<TimeToPongResponseType>(
+      '/ping-pong/abi/time-to-pong',
+      {
+        baseURL: API_URL
+      }
+    );
+
+    return data.timeToPong;
+  } catch (err) {
+    console.error(err);
+    return null;
+  }
+};

src/pages/Dashboard/widgets/PingPongService/helpers/index.ts

@@ -0,0 +1,3 @@
+export * from './getPingTransaction';
+export * from './getPongTransaction';
+export * from './getTimeToPong';