Add more unit tests

Author: drminh2807

src/components/MessagesRow.tsx

@@ -5,9 +5,9 @@ import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';
+import type {TranslationKeyError} from '@src/languages/types';
 import type {ReceiptError} from '@src/types/onyx/Transaction';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
-import type { TranslationKeyError } from '@src/languages/types';
 import DotIndicatorMessage from './DotIndicatorMessage';
 import Icon from './Icon';
 import * as Expensicons from './Icon/Expensicons';

src/components/OfflineWithFeedback.tsx

@@ -8,11 +8,11 @@ import mapChildrenFlat from '@libs/mapChildrenFlat';
 import shouldRenderOffscreen from '@libs/shouldRenderOffscreen';
 import type {AllStyles} from '@styles/utils/types';
 import CONST from '@src/CONST';
+import type {TranslationKeyErrors} from '@src/languages/types';
 import type * as OnyxCommon from '@src/types/onyx/OnyxCommon';
 import type {ReceiptErrors} from '@src/types/onyx/Transaction';
 import type ChildrenProps from '@src/types/utils/ChildrenProps';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
-import type { TranslationKeyErrors } from '@src/languages/types';
 import CustomStylesForChildrenProvider from './CustomStylesForChildrenProvider';
 import ErrorMessageRow from './ErrorMessageRow';
 import ImageSVG from './ImageSVG';

src/languages/types.ts

@@ -77,8 +77,8 @@ type DefaultTranslation = typeof en;
 type TranslationPaths = FlattenObject<DefaultTranslation>;
 
 type TranslationKeyError = {
-    translationKey: TranslationPaths
-}
+    translationKey: TranslationPaths;
+};
 
 type TranslationKeyErrors = Record<string, TranslationKeyError>;
 /**

src/libs/ErrorUtils.ts

@@ -209,6 +209,9 @@ function isReceiptError(message: unknown): message is ReceiptError {
  * Check if the error includes a translation key.
  */
 function isTranslationKeyError(message: unknown): message is TranslationKeyError {
+    if (!message) {
+        return false;
+    }
     if (typeof message === 'string') {
         return false;
     }

tests/unit/ErrorUtilsTest.ts

@@ -1,5 +1,5 @@
-import * as ErrorUtils from '@src/libs/ErrorUtils';
 import DateUtils from '@src/libs/DateUtils';
+import * as ErrorUtils from '@src/libs/ErrorUtils';
 import type {Errors} from '@src/types/onyx/OnyxCommon';
 
 // Mock DateUtils
@@ -122,10 +122,12 @@ describe('ErrorUtils', () => {
         });
 
         test('should return false for objects with multiple keys', () => {
-            expect(ErrorUtils.isTranslationKeyError({
-                translationKey: 'passwordForm.error.fallback',
-                extraKey: 'extra',
-            })).toBe(false);
+            expect(
+                ErrorUtils.isTranslationKeyError({
+                    translationKey: 'passwordForm.error.fallback',
+                    extraKey: 'extra',
+                }),
+            ).toBe(false);
         });
 
         test('should return false for objects without translationKey property', () => {
@@ -150,4 +152,75 @@ describe('ErrorUtils', () => {
             expect(ErrorUtils.isTranslationKeyError(false)).toBe(false);
         });
     });
+
+    describe('Integration: getMicroSecondTranslationErrorWithTranslationKey and isTranslationKeyError', () => {
+        beforeEach(() => {
+            jest.clearAllMocks();
+        });
+
+        test('should create translation error objects that are correctly identified by isTranslationKeyError', () => {
+            const mockMicroseconds = 1234567890123;
+            (DateUtils.getMicroseconds as jest.Mock).mockReturnValue(mockMicroseconds);
+
+            const errorObject = ErrorUtils.getMicroSecondTranslationErrorWithTranslationKey('passwordForm.error.incorrectLoginOrPassword');
+
+            // The error object should have one key (the timestamp)
+            const keys = Object.keys(errorObject);
+            expect(keys).toHaveLength(1);
+
+            // The value at that key should be a valid translation key error
+            const errorValue = errorObject[keys[0]];
+            expect(ErrorUtils.isTranslationKeyError(errorValue)).toBe(true);
+        });
+
+        test('should work with custom error keys', () => {
+            const customErrorKey = 9876543210;
+            const errorObject = ErrorUtils.getMicroSecondTranslationErrorWithTranslationKey('passwordForm.error.fallback', customErrorKey);
+
+            // The error object should have the custom key
+            expect(errorObject).toHaveProperty(customErrorKey.toString());
+
+            // The value should be a valid translation key error
+            const errorValue = errorObject[customErrorKey];
+            expect(ErrorUtils.isTranslationKeyError(errorValue)).toBe(true);
+        });
+
+        test('should create objects with multiple errors that are all valid translation key errors', () => {
+            const mockMicroseconds1 = 1111111111111;
+            const mockMicroseconds2 = 2222222222222;
+
+            (DateUtils.getMicroseconds as jest.Mock).mockReturnValueOnce(mockMicroseconds1).mockReturnValueOnce(mockMicroseconds2);
+
+            const error1 = ErrorUtils.getMicroSecondTranslationErrorWithTranslationKey('passwordForm.error.incorrectLoginOrPassword');
+            const error2 = ErrorUtils.getMicroSecondTranslationErrorWithTranslationKey('session.offlineMessageRetry');
+
+            // Combine the error objects
+            const combinedErrors = {...error1, ...error2};
+
+            // All values should be valid translation key errors
+            Object.values(combinedErrors).forEach((errorValue) => {
+                expect(ErrorUtils.isTranslationKeyError(errorValue)).toBe(true);
+            });
+        });
+
+        test('should verify the structure of created translation key errors', () => {
+            const mockMicroseconds = 5555555555555;
+            (DateUtils.getMicroseconds as jest.Mock).mockReturnValue(mockMicroseconds);
+
+            const errorObject = ErrorUtils.getMicroSecondTranslationErrorWithTranslationKey('passwordForm.error.twoFactorAuthenticationEnabled');
+            const errorValue = errorObject[mockMicroseconds];
+
+            // Verify the structure matches what isTranslationKeyError expects
+            expect(errorValue).toEqual({
+                translationKey: 'passwordForm.error.twoFactorAuthenticationEnabled',
+            });
+
+            // Verify it passes all the checks in isTranslationKeyError
+            expect(typeof errorValue).not.toBe('string');
+            expect(Array.isArray(errorValue)).toBe(false);
+            expect(Object.keys(errorValue)).toHaveLength(1);
+            expect(errorValue.translationKey).toBeDefined();
+            expect(ErrorUtils.isTranslationKeyError(errorValue)).toBe(true);
+        });
+    });
 });