fix(suite-native): fix customfee tests

Author: BrantalikP

suite-native/transaction-management/src/__tests__/feesFormSchema.test.ts

@@ -65,7 +65,11 @@ describe('feesFormValidationSchema', () => {
                 customFeePerUnit: '500000', // Valid for Ethereum and within maxFee limit
                 customFeeLimit: '10000',
             };
-            const context = createContext({ minimalFeeLimit: '21000' });
+
+            const context = createContext({
+                minimalFeeLimit: '21000',
+                translate: () => 'Value is too low.',
+            });
 
             await expect(feesFormValidationSchema.validate(data, { context })).rejects.toThrow(
                 'Value is too low.',
@@ -98,7 +102,7 @@ describe('feesFormValidationSchema', () => {
 
         it('should reject too many decimals for bitcoin', async () => {
             const data = { feeLevel: 'custom', customFeePerUnit: '100.123' };
-            const context = createContext({ symbol: 'btc' });
+            const context = createContext({ symbol: 'btc', translate: () => 'Too many decimals.' });
 
             await expect(feesFormValidationSchema.validate(data, { context })).rejects.toThrow(
                 'Too many decimals.',

suite-native/transaction-management/src/components/fees/CustomFee/CustomFeeBottomSheet.tsx

@@ -31,15 +31,15 @@ type CustomFeeBottomSheetProps = {
 };
 
 export const CustomFeeBottomSheet = ({
-                                         onClose,
-                                         accountKey,
-                                         feeValue,
-                                         isFeeLoading,
-                                         isSubmittable,
-                                         isErrorBoxVisible,
-                                         ref,
-                                         onCustomFeeSet,
-                                     }: CustomFeeBottomSheetProps) => {
+    onClose,
+    accountKey,
+    feeValue,
+    isFeeLoading,
+    isSubmittable,
+    isErrorBoxVisible,
+    ref,
+    onCustomFeeSet,
+}: CustomFeeBottomSheetProps) => {
     const symbol = useSelector((state: AccountsRootState) =>
         selectAccountNetworkSymbol(state, accountKey),
     );

suite-native/transaction-management/src/components/fees/CustomFee/CustomFeeInputs.tsx

@@ -50,7 +50,7 @@ export const CustomFeeInputs = ({ symbol }: CustomFeeInputsProps) => {
     const networkType = getNetworkType(symbol);
     const feeUnits = getFeeUnits(networkType);
     const formattedFeePerUnit = `${feeInfo?.minFee} ${feeUnits}`;
-    const isEip1559Fee = networkType === 'ethereum' && isEip1559(feeInfo?.levels[0]);
+    const isEip1559Fee = networkType === 'ethereum' && isEip1559(feeInfo?.levels?.[0]);
 
     const handleFieldChangeValue =
         (fieldName: keyof FeesFormValues, transformer: (value: string) => string) =>

suite-native/transaction-management/src/components/fees/CustomFee/CustomFeeLabel.tsx

@@ -9,13 +9,23 @@ import { FeesFormValues } from '../../../feesFormSchema';
 type CustomFeeLabelProps = {
     networkType: NetworkType;
 };
+
+const getFormattedFeeUnits = (fee: string, networkType: NetworkType) => {
+    const value = Number(fee);
+    switch (networkType) {
+        case 'ethereum':
+            return value.toFixed(2);
+        default:
+            return value;
+    }
+};
 export const CustomFeeLabel = ({ networkType }: CustomFeeLabelProps) => {
     const feeUnits = getFeeUnits(networkType);
 
     const { watch } = useFormContext<FeesFormValues>();
     const { customFeePerUnit } = watch();
 
-    const formattedFeePerUnit = `${Number(customFeePerUnit).toFixed(3)} ${feeUnits}`;
+    const formattedFeePerUnit = `${getFormattedFeeUnits(customFeePerUnit, networkType)} ${feeUnits}`;
 
     if (networkType === 'ethereum') {
         return (

suite-native/transaction-management/src/components/fees/CustomFee/__tests__/CustomFee.comp.test.tsx

@@ -11,7 +11,7 @@ import {
 
 import { getWalletState } from '../../../../__fixtures__/walletState';
 import { FeesFormType } from '../../../../feesFormSchema';
-import { useFeesForm } from '../../../../hooks';
+import { CustomFeeParams, useFeesForm } from '../../../../hooks';
 import { useCustomFee } from '../../../../hooks/fees/useCustomFee';
 import { CustomFee } from '../CustomFee';
 
@@ -26,7 +26,7 @@ type CustomFeeProps = {
     accountKey: AccountKey;
     symbol: NetworkSymbol;
     formDraft: FormState | null | undefined;
-    onCustomFeeSet: (feePerUnit: string, feeLimit?: string) => void;
+    onCustomFeeSet: (customFeeParams: CustomFeeParams) => void;
 };
 
 describe('CustomFee', () => {

suite-native/transaction-management/src/components/fees/CustomFee/__tests__/CustomFeeCard.comp.test.tsx

@@ -90,7 +90,7 @@ describe('CustomFeeCard', () => {
                 form,
             });
 
-            expect(getByText('Limit: 11000 • Price: 1 Gwei')).toBeTruthy();
+            expect(getByText('1.00 Gwei')).toBeTruthy();
         });
 
         it('should not render if using wrong accountKey', async () => {

suite-native/transaction-management/src/components/fees/CustomFee/__tests__/CustomFeeLabel.comp.test.tsx

@@ -101,8 +101,7 @@ describe('CustomFeeLabel', () => {
                 form,
             });
 
-            expect(getByText(/Limit/)).toBeTruthy();
-            expect(getByText(/Price/)).toBeTruthy();
+            expect(getByText(/Gwei/)).toBeTruthy();
         });
 
         it('should display fee per unit with Gwei units for ethereum', async () => {
@@ -128,7 +127,7 @@ describe('CustomFeeLabel', () => {
                 form,
             });
 
-            expect(getByText(/25 Gwei/)).toBeTruthy();
+            expect(getByText(/25.00 Gwei/)).toBeTruthy();
         });
     });
 

suite-native/transaction-management/src/components/fees/FeeOptionList/__tests__/FeeOption.comp.test.tsx

@@ -211,7 +211,7 @@ describe('FeeOption', () => {
                 transactionBytes: 250,
             });
 
-            expect(getByText('10 Gwei')).toBeTruthy();
+            expect(getByText('10.00 Gwei')).toBeTruthy();
         });
     });
 });

suite-native/transaction-management/src/components/fees/FeeOptionList/__tests__/FeeOptionsList.comp.test.tsx

@@ -124,15 +124,15 @@ describe('FeeOptionsList', () => {
             expect(queryAllByTestId('BoxSkeleton').length).toBeGreaterThan(0);
         });
 
-        it('should filter out custom and low fee levels', async () => {
+        it('should filter out custom and low fee levels for btc network', async () => {
             const feeLevels = {
                 ...createMockFeeLevels(),
                 custom: createMockFeeLevel(),
                 low: createMockFeeLevel(),
             };
 
             const { getByText, queryByText } = await renderFeeOptionsList({
-                props: { feeLevels },
+                props: { feeLevels, symbol: 'btc' },
             });
 
             expect(getByText(/Low/)).toBeTruthy();