feat(extension): fix test

Author: vetalcore

apps/browser-extension-wallet/src/features/dapp/components/confirm-transaction/__tests__/DappTransactionContainer.test.tsx

@@ -1,21 +1,24 @@
+/* eslint-disable no-magic-numbers */
 /* eslint-disable sonarjs/no-identical-functions */
 /* eslint-disable unicorn/no-null */
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable import/imports-first */
 import * as CurrencyProvider from '@providers/currency';
 import * as UseFetchCoinPrice from '@hooks/useFetchCoinPrice';
+import * as UseComputeTxCollateral from '@hooks/useComputeTxCollateral';
+import * as GetAssetsInformation from '@src/utils/get-assets-information';
 
 const mockSkeleton = jest.fn(() => <span data-testid="skeleton" />);
 const mockUseWalletStore = jest.fn();
 const t = jest.fn().mockImplementation((res) => res);
 const mockUseTranslation = jest.fn(() => ({ t }));
 const mockDappTransaction = jest.fn();
-const mockUseCreateAssetList = jest.fn();
-const mockUseCreateMintedAssetList = jest.fn();
 const mockUseViewsFlowContext = jest.fn();
+const mockGetAssetsInformation = jest.fn().mockReturnValue(Promise.resolve(new Map()));
 const mockWithAddressBookContext = jest.fn((children) => children);
 const mockUseCurrencyStore = jest.fn().mockReturnValue({ fiatCurrency: { code: 'usd', symbol: '$' } });
 const mockUseFetchCoinPrice = jest.fn().mockReturnValue({ priceResult: { cardano: { price: 2 }, tokens: new Map() } });
+const mockUseComputeTxCollateral = jest.fn().mockReturnValue(BigInt(1_000_000));
 import * as React from 'react';
 import { cleanup, render } from '@testing-library/react';
 import { DappTransactionContainer } from '../DappTransactionContainer';
@@ -27,11 +30,17 @@ import { Wallet } from '@lace/cardano';
 import { SignTxData } from '../types';
 import { getWrapper } from '../testing.utils';
 import { TransactionWitnessRequest } from '@cardano-sdk/web-extension';
+import { cardanoCoin } from '@src/utils/constants';
 
 const { Cardano, Crypto } = Wallet;
 
-const assetProvider = 'assetProvider';
-const walletInfo = 'walletInfo';
+const assetProvider = {
+  getAssets: jest.fn(() => ['assets'])
+};
+const walletInfo = {
+  name: 'wall',
+  addresses: [{ address: 'address' }]
+};
 const mockedAssetsInfo = new Map([['id', 'data']]);
 const assetInfo$ = new BehaviorSubject(mockedAssetsInfo);
 const available$ = new BehaviorSubject([]);
@@ -49,10 +58,22 @@ jest.mock('@src/stores', () => ({
   ...jest.requireActual<any>('@src/stores'),
   useWalletStore: mockUseWalletStore
 }));
+
 jest.mock('@hooks/useFetchCoinPrice', (): typeof UseFetchCoinPrice => ({
   ...jest.requireActual<typeof UseFetchCoinPrice>('@hooks/useFetchCoinPrice'),
   useFetchCoinPrice: mockUseFetchCoinPrice
 }));
+
+jest.mock('@hooks/useComputeTxCollateral', (): typeof UseComputeTxCollateral => ({
+  ...jest.requireActual<typeof UseComputeTxCollateral>('@hooks/useComputeTxCollateral'),
+  useComputeTxCollateral: mockUseComputeTxCollateral
+}));
+
+jest.mock('@src/utils/get-assets-information', (): typeof GetAssetsInformation => ({
+  ...jest.requireActual<typeof GetAssetsInformation>('@src/utils/get-assets-information'),
+  getAssetsInformation: mockGetAssetsInformation
+}));
+
 jest.mock('@providers/currency', (): typeof CurrencyProvider => ({
   ...jest.requireActual<typeof CurrencyProvider>('@providers/currency'),
   useCurrencyStore: mockUseCurrencyStore
@@ -76,17 +97,7 @@ jest.mock('react-i18next', () => {
   };
 });
 
-jest.mock('../hooks.ts', () => {
-  const original = jest.requireActual('../hooks.ts');
-  return {
-    __esModule: true,
-    ...original,
-    useCreateAssetList: mockUseCreateAssetList,
-    useCreateMintedAssetList: mockUseCreateMintedAssetList
-  };
-});
-
-const addressList = 'addressList';
+const addressList = ['addressList'];
 jest.mock('@src/features/address-book/context', () => ({
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   ...jest.requireActual<any>('@src/features/address-book/context'),
@@ -143,7 +154,7 @@ describe('Testing DappTransactionContainer component', () => {
       inMemoryWallet,
       blockchainProvider: { assetProvider },
       walletInfo,
-      walletUI: { cardanoCoin: {} }
+      walletUI: { cardanoCoin }
     }));
     mockDappTransaction.mockReset();
     mockDappTransaction.mockReturnValue(<span data-testid="DappTransaction" />);
@@ -172,13 +183,67 @@ describe('Testing DappTransactionContainer component', () => {
     const errorMessage = 'errorMessage';
     const props = { errorMessage };
 
-    const txSummary = 'txSummary';
-    const createAssetList = 'createAssetList';
-    mockUseCreateAssetList.mockReset();
-    mockUseCreateAssetList.mockReturnValue(createAssetList);
-    const createMintedAssetList = 'createMintedAssetList';
-    mockUseCreateMintedAssetList.mockReset();
-    mockUseCreateMintedAssetList.mockReturnValue(createMintedAssetList);
+    const txSummary = {
+      burnedAssets: [],
+      collateral: '1.00',
+      fee: '0.17',
+      mintedAssets: [
+        {
+          amount: '3',
+          name: 'asset1rqluyux4nxv6kjashz626c8usp8g88unmqwnyh',
+          ticker: 'asset1rqluyux4nxv6kjashz626c8usp8g88unmqwnyh'
+        }
+      ],
+      outputs: [
+        {
+          coins: '5.00',
+          recipient:
+            'addr_test1qpfhhfy2qgls50r9u4yh0l7z67xpg0a5rrhkmvzcuqrd0znuzcjqw982pcftgx53fu5527z2cj2tkx2h8ux2vxsg475q9gw0lz'
+        },
+        {
+          assets: [
+            {
+              amount: '3',
+              name: '659f2917fb63f12b33667463ee575eeac1845bbc736b9c0bbc40ba8254534c41',
+              ticker: undefined
+            },
+            {
+              amount: '4',
+              name: '6b8d07d69639e9413dd637a1a815a7323c69c86abbafb66dbfdb1aa7',
+              ticker: undefined
+            }
+          ],
+          coins: '2.00',
+          recipient:
+            'addr_test1qpfhhfy2qgls50r9u4yh0l7z67xpg0a5rrhkmvzcuqrd0znuzcjqw982pcftgx53fu5527z2cj2tkx2h8ux2vxsg475q9gw0lz'
+        },
+        {
+          assets: [
+            {
+              amount: '6',
+              name: '659f2917fb63f12b33667463ee575eeac1845bbc736b9c0bbc40ba8254534c41',
+              ticker: undefined
+            }
+          ],
+          coins: '2.00',
+          recipient:
+            'addr_test1qpfhhfy2qgls50r9u4yh0l7z67xpg0a5rrhkmvzcuqrd0znuzcjqw982pcftgx53fu5527z2cj2tkx2h8ux2vxsg475q9gw0lz'
+        },
+        {
+          assets: [
+            {
+              amount: '1',
+              name: '659f2917fb63f12b33667463ee575eeac1845bbc736b9c0bbc40ba8254534c41',
+              ticker: undefined
+            }
+          ],
+          coins: '2.00',
+          recipient:
+            'addr_test1qq585l3hyxgj3nas2v3xymd23vvartfhceme6gv98aaeg9muzcjqw982pcftgx53fu5527z2cj2tkx2h8ux2vxsg475q2g7k3g'
+        }
+      ],
+      type: 'Mint'
+    } as Wallet.Cip30SignTxSummary;
 
     await act(async () => {
       ({ queryByTestId } = render(<DappTransactionContainer {...props} />, {
@@ -187,25 +252,14 @@ describe('Testing DappTransactionContainer component', () => {
     });
 
     expect(queryByTestId('DappTransaction')).toBeInTheDocument();
-    expect(mockUseCreateAssetList).toHaveBeenLastCalledWith({
-      outputs: tx.body.outputs,
-      assets: mockedAssetsInfo,
-      assetProvider
-    });
-    expect(mockUseCreateMintedAssetList).toHaveBeenLastCalledWith({
-      outputs: tx.body.outputs,
-      assets: mockedAssetsInfo,
-      assetProvider,
-      metadata: tx.auxiliaryData.blob,
-      mint: tx.body.mint
-    });
     expect(mockDappTransaction).toHaveBeenLastCalledWith(
       {
         dappInfo,
         transaction: txSummary,
         fiatCurrencyCode: 'usd',
         fiatCurrencyPrice: 2,
-        errorMessage
+        errorMessage,
+        coinSymbol: 'ADA'
       },
       {}
     );