fix: increase test coverage

app/components/Views/AssetDetails/AssetsDetails.test.tsx

@@ -1,11 +1,49 @@
 import React from 'react';
 import AssetDetails from '.';
 import configureMockStore from 'redux-mock-store';
-import { shallow } from 'enzyme';
+import { render, fireEvent, waitFor } from '@testing-library/react-native';
 import { Provider } from 'react-redux';
 import { CHAIN_IDS } from '@metamask/transaction-controller';
 import { backgroundState } from '../../../util/test/initial-root-state';
 import { mockNetworkState } from '../../../util/test/network';
+import Engine from '../../../core/Engine';
+
+jest.mock('../../../core/ClipboardManager', () => ({
+  setString: jest.fn(),
+}));
+
+jest.mock('../../../util/networks', () => ({
+  ...jest.requireActual('../../../util/networks'),
+  getDecimalChainId: jest.fn(() => 1),
+}));
+
+jest.mock('@react-navigation/compat', () => ({
+  withNavigation: (Component: React.ComponentType) => Component,
+}));
+
+const MOCK_ADDRESS_1 = '0x0';
+
+jest.mock('../../../core/Engine', () => ({
+  context: {
+    TokensController: {
+      ignoreTokens: jest.fn(),
+    },
+    NetworkController: {
+      findNetworkClientIdByChainId: jest.fn(() => 'mainnet'),
+    },
+  },
+}));
+
+jest.mock('@react-navigation/native', () => ({
+  useNavigation: jest.fn(() => ({
+    setOptions: jest.fn(),
+    navigate: jest.fn(),
+  })),
+}));
+
+jest.mock('../../../core/NotificationManager', () => ({
+  showSimpleNotification: jest.fn(),
+}));
 
 const mockStore = configureMockStore();
 
@@ -21,24 +59,177 @@ const initialState = {
           ticker: 'ETH',
         }),
       },
+      TokenBalancesController: {
+        tokenBalances: {
+          [MOCK_ADDRESS_1]: {
+            '0x1': {
+              '0xAddress': '0xde0b6B3A7640000',
+            },
+          },
+        },
+      },
+      TokensController: {
+        tokens: [
+          {
+            address: '0xAddress',
+            symbol: 'TKN',
+            decimals: 18,
+            aggregators: ['Metamask', 'CMC'],
+          },
+        ],
+      },
+      AccountsController: {
+        internalAccounts: {
+          selectedAccount: 'id',
+          accounts: {
+            id: {
+              address: MOCK_ADDRESS_1,
+            },
+          },
+        },
+      },
+      TokenRatesController: {
+        contractExchangeRates: {
+          '0xAddress': { price: 2 },
+        },
+        marketData: {
+          '0xAddress': { price: 2 },
+        },
+      },
+      CurrencyRateController: {
+        conversionRate: 1,
+        currentCurrency: 'USD',
+      },
     },
   },
+  settings: {
+    primaryCurrency: 'ETH',
+  },
 };
+
 const store = mockStore(initialState);
 
-describe('AssetsDetails', () => {
-  it('should render correctly', () => {
-    const wrapper = shallow(
+describe('AssetDetails', () => {
+  const renderComponent = () =>
+    render(
       <Provider store={store}>
         <AssetDetails
           route={{
             params: {
-              address: '0xAddress.',
+              address: '0xAddress',
             },
           }}
         />
       </Provider>,
     );
-    expect(wrapper).toMatchSnapshot();
+
+  it('renders correctly', () => {
+    const { toJSON } = renderComponent();
+    expect(toJSON()).toMatchSnapshot();
+  });
+
+  it('renders token details correctly', () => {
+    const { getByText } = renderComponent();
+
+    expect(getByText('Token')).toBeDefined();
+    expect(getByText('Token Amount')).toBeDefined();
+    expect(getByText('Token contract address')).toBeDefined();
+    expect(getByText('Token decimal')).toBeDefined();
+    expect(getByText('Network')).toBeDefined();
+    expect(getByText('Token Lists')).toBeDefined();
+  });
+
+  it('copies address to clipboard and shows alert', async () => {
+    const { getByText } = render(
+      <Provider store={store}>
+        <AssetDetails
+          route={{
+            params: {
+              address: '0xAddress',
+            },
+          }}
+        />
+      </Provider>,
+    );
+
+    const copyElement = getByText('0xAddress');
+    fireEvent.press(copyElement);
+
+    await waitFor(() => {
+      expect(
+        Engine.context.TokensController.ignoreTokens,
+      ).not.toHaveBeenCalled();
+    });
+  });
+
+  it('navigates to asset hide confirmation on pressing hide button', async () => {
+    const { getByText } = renderComponent();
+
+    fireEvent.press(getByText('Hide token'));
+
+    await waitFor(() => {
+      expect(
+        Engine.context.TokensController.ignoreTokens,
+      ).not.toHaveBeenCalled();
+    });
+  });
+
+  it('renders warning banner if balance is undefined', () => {
+    const mockEmptyState = {
+      ...initialState,
+      engine: {
+        backgroundState: {
+          ...initialState.engine.backgroundState,
+          TokenBalancesController: {
+            tokenBalances: {},
+          },
+        },
+      },
+    };
+
+    const mockStoreEmpty = mockStore(mockEmptyState);
+
+    const { getByText } = render(
+      <Provider store={mockStoreEmpty}>
+        <AssetDetails
+          route={{
+            params: {
+              address: '0xAddress',
+            },
+          }}
+        />
+      </Provider>,
+    );
+
+    expect(getByText('troubleshooting missing balances')).toBeDefined();
+  });
+
+  it('renders balance in ETH if primary currency is ETH', () => {
+    const { getByText } = renderComponent();
+    expect(getByText('1')).toBeDefined();
+  });
+
+  it('renders balance in fiat if primary currency is fiat', () => {
+    const mockFiatState = {
+      ...initialState,
+      settings: {
+        primaryCurrency: 'fiat',
+      },
+    };
+    const mockStoreFiat = mockStore(mockFiatState);
+
+    const { getByText } = render(
+      <Provider store={mockStoreFiat}>
+        <AssetDetails
+          route={{
+            params: {
+              address: '0xAddress',
+            },
+          }}
+        />
+      </Provider>,
+    );
+
+    expect(getByText('1')).toBeDefined();
   });
 });