test: cover distance field units and hint

Author: fedirjh

tests/unit/components/MoneyRequestConfirmationList/DistanceField.test.tsx

@@ -10,7 +10,12 @@ import React from 'react';
 
 jest.mock('@components/MenuItemWithTopDescription', () => {
     const {Text} = jest.requireActual<Record<'Text', React.ComponentType<{children?: React.ReactNode}>>>('react-native');
-    return ({title}: {title: string}) => <Text>{title}</Text>;
+    return ({title, hintText}: {title: string; hintText?: string}) => (
+        <>
+            <Text>{title}</Text>
+            {hintText ? <Text>{hintText}</Text> : null}
+        </>
+    );
 });
 
 jest.mock('@hooks/useLocalize', () => () => ({translate: (key: string) => key.replace('common.', '')}));
@@ -33,16 +38,36 @@ const defaultProps = {
 
 describe('DistanceField', () => {
     it.each([
-        [1, '1.00 mile'],
-        [100, '100.00 miles'],
-    ])('displays the long-form distance unit for %s miles', (distanceInMiles, expected) => {
+        [1, CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES, '1.00 mile'],
+        [100, CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES, '100.00 miles'],
+        [1, CONST.CUSTOM_UNITS.DISTANCE_UNIT_KILOMETERS, '1.00 kilometer'],
+        [100, CONST.CUSTOM_UNITS.DISTANCE_UNIT_KILOMETERS, '100.00 kilometers'],
+    ])('displays the long-form distance unit for %s %s', (distance, unit, expected) => {
         render(
             <DistanceField
                 {...defaultProps}
-                distance={DistanceRequestUtils.convertToDistanceInMeters(distanceInMiles, CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES)}
+                distance={DistanceRequestUtils.convertToDistanceInMeters(distance, unit)}
+                unit={unit}
             />,
         );
 
         expect(screen.getByText(expected)).toBeOnTheScreen();
     });
+
+    it('displays the commuter exclusion hint', () => {
+        render(
+            <DistanceField
+                {...defaultProps}
+                distance={DistanceRequestUtils.convertToDistanceInMeters(3, CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES)}
+                customUnit={{
+                    quantity: 4,
+                    distanceUnit: CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES,
+                    commuterExclusion: 1,
+                    reimbursableDistance: 3,
+                }}
+            />,
+        );
+
+        expect(screen.getByText('distance.commuterExclusion.removedCommuterDistance.mi')).toBeOnTheScreen();
+    });
 });