chore: clean up and add unit tests for user earnings history bar char…

…t and list
MetaMask · Jan 12, 2025 · 6072e09 · 6072e09
1 parent ce5a43a
commit 6072e09
Show file tree

Hide file tree

Showing 19 changed files with 824 additions and 905 deletions.
diff --git a/app/components/UI/Stake/Views/StakeEarningsHistoryView/StakeEarningsHistoryView.test.tsx b/app/components/UI/Stake/Views/StakeEarningsHistoryView/StakeEarningsHistoryView.test.tsx
@@ -3,6 +3,7 @@ import { render } from '@testing-library/react-native';
 import StakeEarningsHistoryView from './StakeEarningsHistoryView';
 import useStakingEarningsHistory from '../../hooks/useStakingEarningsHistory';
 import { MOCK_STAKED_ETH_ASSET } from '../../__mocks__/mockData';
+import { fireLayoutEvent } from '../../../../../util/testUtils/react-native-svg-charts';
 
 jest.mock('../../hooks/useStakingEarningsHistory');
 jest.mock('@react-navigation/native', () => {
@@ -15,40 +16,47 @@ jest.mock('@react-navigation/native', () => {
     }),
   };
 });
+jest.mock('react-native-svg-charts', () => {
+  const reactNativeSvgCharts = jest.requireActual('react-native-svg-charts'); // Get the actual Grid component
+  return {
+    ...reactNativeSvgCharts,
+    Grid: () => <></>,
+  };
+});
 
-describe('StakeEarningsHistoryView', () => {
-  beforeEach(() => {
-    (useStakingEarningsHistory as jest.Mock).mockReturnValue({
-      earningsHistory: [
-        {
-          dateStr: '2023-01-01',
-          dailyRewards: '1.0',
-          dailyRewardsUsd: '3000',
-          sumRewards: '10.0',
-        },
-        {
-          dateStr: '2023-01-02',
-          dailyRewards: '2.0',
-          dailyRewardsUsd: '6000',
-          sumRewards: '20.0',
-        },
-      ],
-      isLoading: false,
-      error: null,
-    });
-  });
+(useStakingEarningsHistory as jest.Mock).mockReturnValue({
+  earningsHistory: [
+    {
+      dateStr: '2023-01-01',
+      dailyRewards: '10000000000000',
+      dailyRewardsUsd: '3000',
+      sumRewards: '10000000000000',
+    },
+    {
+      dateStr: '2023-01-02',
+      dailyRewards: '10000000000000',
+      dailyRewardsUsd: '6000',
+      sumRewards: '20000000000000',
+    },
+  ],
+  isLoading: false,
+  error: null,
+});
 
-  it('renders correctly and matches snapshot', () => {
-    const { toJSON } = render(
-      <StakeEarningsHistoryView
-        route={{
-          key: '1',
-          name: 'params',
-          params: { asset: MOCK_STAKED_ETH_ASSET },
-        }}
-      />,
-    );
+const earningsHistoryView = (
+  <StakeEarningsHistoryView
+    route={{
+      key: '1',
+      name: 'params',
+      params: { asset: MOCK_STAKED_ETH_ASSET },
+    }}
+  />
+);
 
-    expect(toJSON()).toMatchSnapshot();
+describe('StakeEarningsHistoryView', () => {
+  it('renders correctly and matches snapshot', () => {
+    const renderedView = render(earningsHistoryView);
+    fireLayoutEvent(renderedView.root);
+    expect(renderedView.toJSON()).toMatchSnapshot();
   });
 });