Merge pull request Expensify#82715 from abzokhattab/add-imagesvg-cache-policy-tests

[No QA] Add unit tests for ImageSVG cache policy behavior

Author: mountiny

tests/unit/ImageSVGCachePolicyTest.tsx

@@ -0,0 +1,118 @@
+import {render} from '@testing-library/react-native';
+import React from 'react';
+import ImageSVGAndroid from '../../src/components/ImageSVG/index.android';
+import ImageSVGiOS from '../../src/components/ImageSVG/index.ios';
+
+type MockImageType = jest.Mock & {clearMemoryCache: jest.Mock};
+
+const mockClearMemoryCache = jest.fn(() => Promise.resolve(true));
+
+const mockImageComponent: MockImageType = Object.assign(
+    jest.fn(() => null),
+    {
+        clearMemoryCache: mockClearMemoryCache,
+    },
+) as MockImageType;
+
+jest.mock('expo-image', () => ({
+    get Image() {
+        return mockImageComponent;
+    },
+}));
+
+jest.mock('@libs/getImageRecyclingKey', () =>
+    jest.fn((source: unknown) => {
+        if (typeof source === 'number') {
+            return String(source);
+        }
+        if (typeof source === 'object' && source !== null && 'uri' in source) {
+            return (source as {uri: string}).uri;
+        }
+        return undefined;
+    }),
+);
+
+const MOCK_STATIC_SOURCE = 42;
+
+function getFirstCallProps(): Record<string, unknown> {
+    const firstCall = mockImageComponent.mock.calls.at(0) as unknown[] | undefined;
+    return firstCall?.at(0) as Record<string, unknown>;
+}
+
+describe('ImageSVG cache policy', () => {
+    beforeEach(() => {
+        jest.clearAllMocks();
+    });
+
+    describe('iOS implementation', () => {
+        it('should use memory-disk cache policy for static image sources', () => {
+            render(<ImageSVGiOS src={MOCK_STATIC_SOURCE} />);
+
+            expect(mockImageComponent).toHaveBeenCalled();
+            const props = getFirstCallProps();
+            expect(props.cachePolicy).toBe('memory-disk');
+        });
+
+        it('should set recyclingKey for static image sources', () => {
+            render(<ImageSVGiOS src={MOCK_STATIC_SOURCE} />);
+
+            const props = getFirstCallProps();
+            expect(props.recyclingKey).toBe(String(MOCK_STATIC_SOURCE));
+        });
+
+        it('should render React component sources directly without expo-image Image', () => {
+            const MockSvgComponent = jest.fn(() => null);
+            render(<ImageSVGiOS src={MockSvgComponent} />);
+
+            expect(mockImageComponent).not.toHaveBeenCalled();
+            expect(MockSvgComponent).toHaveBeenCalled();
+        });
+
+        it('should return null when src is undefined', () => {
+            const {toJSON} = render(<ImageSVGiOS src={undefined} />);
+
+            expect(toJSON()).toBeNull();
+            expect(mockImageComponent).not.toHaveBeenCalled();
+        });
+    });
+
+    describe('Android implementation', () => {
+        it('should use memory cache policy for static image sources', () => {
+            render(<ImageSVGAndroid src={MOCK_STATIC_SOURCE} />);
+
+            expect(mockImageComponent).toHaveBeenCalled();
+            const props = getFirstCallProps();
+            expect(props.cachePolicy).toBe('memory');
+        });
+
+        it('should set recyclingKey for static image sources', () => {
+            render(<ImageSVGAndroid src={MOCK_STATIC_SOURCE} />);
+
+            const props = getFirstCallProps();
+            expect(props.recyclingKey).toBe(String(MOCK_STATIC_SOURCE));
+        });
+
+        it('should clear memory cache on unmount to prevent memory leaks', () => {
+            const {unmount} = render(<ImageSVGAndroid src={MOCK_STATIC_SOURCE} />);
+
+            expect(mockClearMemoryCache).not.toHaveBeenCalled();
+            unmount();
+            expect(mockClearMemoryCache).toHaveBeenCalled();
+        });
+
+        it('should render React component sources directly without expo-image Image', () => {
+            const MockSvgComponent = jest.fn(() => null);
+            render(<ImageSVGAndroid src={MockSvgComponent} />);
+
+            expect(mockImageComponent).not.toHaveBeenCalled();
+            expect(MockSvgComponent).toHaveBeenCalled();
+        });
+
+        it('should return null when src is undefined', () => {
+            const {toJSON} = render(<ImageSVGAndroid src={undefined} />);
+
+            expect(toJSON()).toBeNull();
+            expect(mockImageComponent).not.toHaveBeenCalled();
+        });
+    });
+});