Fixed test errors

Author: brianacnguyen

app/components/UI/Carousel/StackCard/StackCard.test.tsx

@@ -33,6 +33,11 @@ jest.mock('@metamask/design-system-react-native', () => ({
   IconName: {
     Close: 'close',
   },
+  IconColor: {
+    Alternative: 'Alternative',
+    IconDefault: 'IconDefault',
+    Default: 'Default',
+  },
 }));
 
 describe('StackCard', () => {

app/components/UI/Carousel/StackCard/StackCard.tsx

@@ -14,7 +14,7 @@ import {
   ButtonIcon,
   ButtonIconSize,
   IconName,
-  IconColor,
+  IconColor as MMDSIconColor,
 } from '@metamask/design-system-react-native';
 import { useTailwind } from '@metamask/design-system-twrnc-preset';
 import { StackCardProps } from './StackCard.types';
@@ -149,7 +149,7 @@ export const StackCard: React.FC<StackCardProps> = ({
                   <ButtonIcon
                     iconName={IconName.Close}
                     size={ButtonIconSize.Md}
-                    iconColor={IconColor.Alternative}
+                    iconProps={{ color: MMDSIconColor.IconDefault }}
                     onPress={() => onTransitionToNextCard?.()}
                     testID={`carousel-slide-${slide.id}-close-button`}
                     hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}

app/components/UI/Carousel/animations/useTransitionToEmpty.test.ts

@@ -2,26 +2,35 @@ import { renderHook } from '@testing-library/react-hooks';
 import { Animated } from 'react-native';
 import { useTransitionToEmpty } from './useTransitionToEmpty';
 
-// Mock Animated
-jest.mock('react-native', () => ({
-  Animated: {
-    Value: jest.fn(() => ({
-      setValue: jest.fn(),
-      addListener: jest.fn(),
-      removeAllListeners: jest.fn(),
-    })),
-    timing: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    parallel: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    sequence: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    delay: jest.fn(),
-  },
-}));
+// Mock Animated and Easing
+jest.mock('react-native', () => {
+  const MockEasing = {
+    out: jest.fn((fn) => fn),
+    cubic: jest.fn(),
+    bezier: jest.fn(() => jest.fn()),
+  };
+
+  return {
+    Animated: {
+      Value: jest.fn(() => ({
+        setValue: jest.fn(),
+        addListener: jest.fn(),
+        removeAllListeners: jest.fn(),
+      })),
+      timing: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      parallel: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      sequence: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      delay: jest.fn(),
+    },
+    Easing: MockEasing,
+  };
+});
 
 jest.mock('./animationTimings', () => ({
   ANIMATION_TIMINGS: {

app/components/UI/Carousel/animations/useTransitionToNextCard.test.ts

@@ -2,26 +2,35 @@ import { renderHook } from '@testing-library/react-hooks';
 import { Animated } from 'react-native';
 import { useTransitionToNextCard } from './useTransitionToNextCard';
 
-// Mock Animated
-jest.mock('react-native', () => ({
-  Animated: {
-    Value: jest.fn(() => ({
-      setValue: jest.fn(),
-      addListener: jest.fn(),
-      removeAllListeners: jest.fn(),
-    })),
-    timing: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    parallel: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    sequence: jest.fn(() => ({
-      start: jest.fn((callback) => callback && callback()),
-    })),
-    delay: jest.fn(),
-  },
-}));
+// Mock Animated and Easing
+jest.mock('react-native', () => {
+  const MockEasing = {
+    out: jest.fn((fn) => fn),
+    cubic: jest.fn(),
+    bezier: jest.fn(() => jest.fn()),
+  };
+
+  return {
+    Animated: {
+      Value: jest.fn(() => ({
+        setValue: jest.fn(),
+        addListener: jest.fn(),
+        removeAllListeners: jest.fn(),
+      })),
+      timing: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      parallel: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      sequence: jest.fn(() => ({
+        start: jest.fn((callback) => callback?.()),
+      })),
+      delay: jest.fn(),
+    },
+    Easing: MockEasing,
+  };
+});
 
 jest.mock('./animationTimings', () => ({
   ANIMATION_TIMINGS: {