chore: address sonarcloud alerts increase coverage

app/components/UI/Stake/Views/StakeEarningsHistoryView/StakeEarningsHistoryView.test.tsx

@@ -4,16 +4,20 @@ 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';
-
+import { getStakingNavbar } from '../../../Navbar';
+jest.mock('../../../Navbar');
 jest.mock('../../hooks/useStakingEarningsHistory');
+
+const mockNavigation = {
+  navigate: jest.fn(),
+  setOptions: jest.fn(),
+};
+
 jest.mock('@react-navigation/native', () => {
   const actualNav = jest.requireActual('@react-navigation/native');
   return {
     ...actualNav,
-    useNavigation: () => ({
-      navigate: jest.fn(),
-      setOptions: jest.fn(),
-    }),
+    useNavigation: () => mockNavigation,
   };
 });
 jest.mock('react-native-svg-charts', () => {
@@ -59,4 +63,11 @@ describe('StakeEarningsHistoryView', () => {
     fireLayoutEvent(renderedView.root);
     expect(renderedView.toJSON()).toMatchSnapshot();
   });
+
+  it('calls navigation setOptions to get staking navigation bar', () => {
+    const renderedView = render(earningsHistoryView);
+    fireLayoutEvent(renderedView.root);
+    expect(mockNavigation.setOptions).toHaveBeenCalled();
+    expect(getStakingNavbar).toHaveBeenCalled();
+  });
 });

app/components/UI/Stake/Views/StakeEarningsHistoryView/StakeEarningsHistoryView.tsx

@@ -13,7 +13,7 @@ const StakeEarningsHistoryView = ({ route }: StakeEarningsHistoryViewProps) => {
   const navigation = useNavigation();
   const { styles, theme } = useStyles(styleSheet, {});
   const { asset } = route.params;
-  const ticker = asset.ticker || asset.symbol;
+  const ticker = asset.ticker ?? asset.symbol;
 
   useEffect(() => {
     navigation.setOptions(

app/components/UI/Stake/components/StakingEarnings/StakingEarningsHistory/StakingEarningsHistory.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react-native';
+import { fireEvent, render } from '@testing-library/react-native';
 import StakingEarningsHistory from './StakingEarningsHistory';
 import useStakingEarningsHistory from '../../../hooks/useStakingEarningsHistory';
 import { MOCK_STAKED_ETH_ASSET } from '../../../__mocks__/mockData';
@@ -143,4 +143,30 @@ describe('StakingEarningsHistory', () => {
     expect(getByText('+ 0.00054 ETH')).toBeTruthy();
     expect(queryByText('October')).toBeFalsy();
   });
+
+  it('calls onTimePeriodChange and updates the selected time period', () => {
+    const { getByText } = render(
+      <StakingEarningsHistory asset={MOCK_STAKED_ETH_ASSET} />,
+    );
+
+    const timePeriodButton7D = getByText('7D');
+    fireEvent.press(timePeriodButton7D);
+
+    expect(getByText('December 31')).toBeTruthy();
+    expect(getByText('3000.00 USD')).toBeTruthy();
+    expect(getByText('+ 0.00044 ETH')).toBeTruthy();
+    expect(getByText('January 1')).toBeTruthy();
+    expect(getByText('6000.00 USD')).toBeTruthy();
+    expect(getByText('+ 0.00054 ETH')).toBeTruthy();
+
+    const timePeriodButtonY = getByText('Y');
+    fireEvent.press(timePeriodButtonY);
+
+    expect(getByText('2022')).toBeTruthy();
+    expect(getByText('3000.00 USD')).toBeTruthy();
+    expect(getByText('+ 0.00044 ETH')).toBeTruthy();
+    expect(getByText('2023')).toBeTruthy();
+    expect(getByText('6000.00 USD')).toBeTruthy();
+    expect(getByText('+ 0.00054 ETH')).toBeTruthy();
+  });
 });

app/components/UI/Stake/components/StakingEarnings/StakingEarningsHistory/StakingEarningsHistory.tsx

@@ -93,7 +93,7 @@ const getEntryTimePeriodGroupInfo = (
       timePeriodInfo.listGroupLabel = yearLabel;
       break;
     default:
-      break;
+      throw new Error('Unsupported time period');
   }
   return timePeriodInfo;
 };