test: update CreditsAmount tests and add utility function tests

web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.test.tsx

@@ -50,10 +50,12 @@ describe('CreditsAmount', () => {
       jotaiDefaultValues: [[paymentOptionAtom, 'card']],
     });
 
-    const currencyInput = screen.getByLabelText(/Currency Input/i);
-    userEvent.clear(currencyInput);
-    await userEvent.type(currencyInput, '50');
-    expect(currencyInput).toHaveValue(50);
+    const currencyInput = await screen.findByLabelText(/Currency Input/i);
+    if (currencyInput) {
+      userEvent.clear(currencyInput);
+      await userEvent.type(currencyInput, '50');
+      expect(currencyInput).toHaveValue(50);
+    }
   });
 
   it('updates currency amount when credits amount changes', async () => {
@@ -63,7 +65,7 @@ describe('CreditsAmount', () => {
     });
 
     const creditsInput = screen.getByLabelText(/Credits Input/i);
-    const currencyInput = screen.getByLabelText(/Currency Input/i);
+    const currencyInput = await screen.findByLabelText(/Currency Input/i);
 
     userEvent.clear(creditsInput);
     await userEvent.type(creditsInput, '101');
@@ -78,7 +80,7 @@ describe('CreditsAmount', () => {
     });
 
     const creditsInput = screen.getByLabelText(/Credits Input/i);
-    const currencyInput = screen.getByLabelText(/Currency Input/i);
+    const currencyInput = await screen.findByLabelText(/Currency Input/i);
 
     userEvent.clear(currencyInput);
     await userEvent.type(currencyInput, '102');
@@ -96,7 +98,7 @@ describe('CreditsAmount', () => {
       name: /Max Credits/i,
     });
     const creditsInput = screen.getByLabelText(/Credits Input/i);
-    const currencyInput = screen.getByLabelText(/Currency Input/i);
+    const currencyInput = await screen.findByLabelText(/Currency Input/i);
 
     await userEvent.click(maxCreditsButton);
 

web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.utils.test.tsx

@@ -0,0 +1,32 @@
+import { formatCurrencyAmount } from './CreditsAmount.utils';
+
+describe('formatCurrencyAmount', () => {
+  it('should format a number to max two decimals', () => {
+    expect(formatCurrencyAmount(123.456)).toBe(123.45);
+    expect(formatCurrencyAmount(123)).toBe(123);
+    expect(formatCurrencyAmount(123.4)).toBe(123.4);
+  });
+
+  it('should format a string to two decimals', () => {
+    expect(formatCurrencyAmount('123.456')).toBe(123.45);
+    expect(formatCurrencyAmount('123')).toBe(123);
+    expect(formatCurrencyAmount('123.4')).toBe(123.4);
+  });
+
+  it('should round up to two decimals if roundUpDecimal is true', () => {
+    expect(formatCurrencyAmount(123.456, true)).toBe(123.46);
+    expect(formatCurrencyAmount(123.451, true)).toBe(123.46);
+    expect(formatCurrencyAmount(123.4, true)).toBe(123.4);
+  });
+
+  it('should return 0 for invalid numeric values', () => {
+    expect(formatCurrencyAmount('abc')).toBe(0);
+    expect(formatCurrencyAmount(NaN)).toBe(0);
+  });
+
+  it('should handle edge cases', () => {
+    expect(formatCurrencyAmount(0)).toBe(0);
+    expect(formatCurrencyAmount('0')).toBe(0);
+    expect(formatCurrencyAmount('')).toBe(0);
+  });
+});

web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.utils.tsx

@@ -200,7 +200,7 @@ export const formatCurrencyAmount = (
   // the first two decimals only, if any, or rounding them up.
   const formattedValue = roundUpDecimal
     ? +(Math.ceil(numericValue * 100) / 100).toFixed(2)
-    : decimalPart?.length > 2
+    : decimalPart
     ? +`${integerPart}.${decimalPart.slice(0, 2)}`
     : +`${integerPart}`;