ref: add testing

components/dashboard/PortfolioSummary.tsx

@@ -11,11 +11,8 @@ import cursorPointer from '../../public/icons/pointer-cursor.png';
 import ClaimModal from "../discover/claimModal";
 import SuccessModal from "../discover/successModal";
 import { useHidePortfolio } from "@hooks/useHidePortfolio";
+import { formatNumberWithCommas } from "@utils/numberService";
 
-// Format the numbers with commas
-const formatNumberWithCommas = (number: number): string => {
-  return number.toLocaleString(); // Default locale formatting
-};
 
 Chart.register(ArcElement, DoughnutController, Tooltip);
 

tests/utils/numberService.test.js

@@ -2,6 +2,7 @@ import {
   calculatePercentile,
   numberWithCommas,
   formatNumberThousandEqualsK,
+  formatNumberWithCommas,
 } from "@utils/numberService";
 
 describe("calculatePercentile function", () => {
@@ -64,3 +65,26 @@ describe("formatNumberThousandEqualsK function", () => {
     expect(formatNumberThousandEqualsK(500)).toBe("500");
   });
 });
+
+describe("formatNumberWithCommas function", () => {
+  it("should return a string representation of the number with commas", () => {
+    expect(formatNumberWithCommas(1000)).toBe("1,000");
+    expect(formatNumberWithCommas(1000000)).toBe("1,000,000");
+    expect(formatNumberWithCommas(123456789)).toBe("123,456,789");
+  });
+
+  it("should handle negative numbers", () => {
+    expect(formatNumberWithCommas(-1000)).toBe("-1,000");
+    expect(formatNumberWithCommas(-1000000)).toBe("-1,000,000");
+    expect(formatNumberWithCommas(-123456789)).toBe("-123,456,789");
+  });
+
+  it("should handle floating point numbers", () => {
+    expect(formatNumberWithCommas(1234.56)).toBe("1,234.56");
+    expect(formatNumberWithCommas(-1234.56)).toBe("-1,234.56");
+  });
+
+  it("should return '0' for input 0", () => {
+    expect(formatNumberWithCommas(0)).toBe("0");
+  });
+});

utils/numberService.ts

@@ -16,4 +16,8 @@ export const formatNumberThousandEqualsK = (num: number) => {
     } else {
       return num.toString();
     }
-};
+};
+
+export const formatNumberWithCommas = (number: number): string => {
+  return number.toLocaleString(); 
+};