test(perps): restore PerpsLimitPriceBottomSheet styles mock to decouple from design tokens and prevent undefined colors in tests

cursoragent · cursoragent · commit 08c4a2162503 · 2026-03-05T00:06:32.000Z
diff --git a/app/components/UI/Perps/components/PerpsLimitPriceBottomSheet/PerpsLimitPriceBottomSheet.test.tsx b/app/components/UI/Perps/components/PerpsLimitPriceBottomSheet/PerpsLimitPriceBottomSheet.test.tsx
@@ -93,6 +93,25 @@ jest.mock('../../../../../../locales/i18n', () => ({
   strings: jest.fn((key) => key),
 }));
 
+// Mock styles to avoid relying on design tokens structure
+jest.mock('./PerpsLimitPriceBottomSheet.styles', () => ({
+  __esModule: true,
+  createStyles: () => ({
+    container: {},
+    inputLabel: {},
+    errorText: {},
+    limitPriceDisplay: {},
+    limitPriceValue: {},
+    limitPriceCurrency: {},
+    marketPriceText: {},
+    percentageButtonsRow: {},
+    percentageButton: {},
+    percentageButtonActive: {},
+    keypadContainer: {},
+    footerContainer: {},
+  }),
+}));
+
 // Mock BigNumber
 jest.mock('bignumber.js', () => ({
   BigNumber: jest.fn().mockImplementation((value) => ({
