FDG-11112 adding test

Author: ntsim99

src/layouts/explainer/sections/treasury-savings-bonds/how-savings-bonds-finance-government/how-savings-bonds-finance-government.spec.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { fireEvent, render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import HowSavingsBondsFinanceGovernment from './how-savings-bonds-finance-government';
+import HowSavingsBondsFinanceGovernment, { higherOrLowerOrSameAs } from './how-savings-bonds-finance-government';
 import { RecoilRoot } from 'recoil';
 import { useStaticQuery } from 'gatsby';
 import fetchMock from 'fetch-mock';
@@ -150,12 +150,20 @@ describe('How Savings Bonds Finance The Government Section', () => {
     fireEvent.keyDown(getByRole('button', { name: 'View in glossary' }), { key: 'Escape', code: 'Escape', charCode: 27 });
   });
 
-  it('returns the correct text for the percentage of total debt held by public chart', () => {
-    const { getByText } = render(
-      <RecoilRoot>
-        <HowSavingsBondsFinanceGovernment />
-      </RecoilRoot>
-    );
-    expect(getByText('lower than')).toBeInTheDocument();
+  describe('tests for higherOrLowerOrSameAs function logic', () => {
+    it('returns "higher than" when the difference is greater than 0', () => {
+      const result = higherOrLowerOrSameAs(2.3);
+      expect(result).toBe('higher than');
+    });
+
+    it('returns "lower than" when the difference less than 0', () => {
+      const result = higherOrLowerOrSameAs(-0.4);
+      expect(result).toBe('lower than');
+    });
+
+    it('returns "the same as" when the difference equals 0', () => {
+      const result = higherOrLowerOrSameAs(0);
+      expect(result).toBe('the same as');
+    });
   });
 });

src/layouts/explainer/sections/treasury-savings-bonds/how-savings-bonds-finance-government/how-savings-bonds-finance-government.tsx

@@ -37,6 +37,16 @@ interface ApiResponse {
   meta: { 'total-pages': number };
 }
 
+export const higherOrLowerOrSameAs = difference => {
+  if (difference > 0) {
+    return 'higher than';
+  } else if (difference < 0) {
+    return 'lower than';
+  } else {
+    return 'the same as';
+  }
+};
+
 const HowSavingsBondsFinanceGovernment: FunctionComponent<{ width?: number }> = ({ width }) => {
   const [chartData, setChartData] = useState<ChartDataItem[]>([]);
   const [savingBondsPercentage, setSavingBondsPercentage] = useState<number | null>(null);
@@ -134,16 +144,6 @@ const HowSavingsBondsFinanceGovernment: FunctionComponent<{ width?: number }> =
     });
   }, []);
 
-  const higherOrLowerOrSameAs = difference => {
-    if (difference > 0) {
-      return 'higher than';
-    } else if (difference < 0) {
-      return 'lower than';
-    } else {
-      return 'the same as';
-    }
-  };
-
   useEffect(() => {
     if (savingBondsPercentage !== null && historicalSavingBondsPercentage !== null) {
       const difference = savingBondsPercentage - historicalSavingBondsPercentage;