fix: flaky tests

Author: gambinish

app/components/UI/Perps/hooks/useHasNewMarkets.test.ts

@@ -9,8 +9,9 @@ const mockUsePerpsMarkets = usePerpsMarkets as jest.MockedFunction<
 >;
 
 const ONE_DAY_MS = 24 * 60 * 60 * 1000;
-const RECENT_LISTED_AT = Date.now() - 5 * ONE_DAY_MS;
-const OLD_LISTED_AT = Date.now() - 45 * ONE_DAY_MS;
+const NOW = 1_700_000_000_000; // fixed epoch ms for determinism
+const RECENT_LISTED_AT = NOW - 5 * ONE_DAY_MS;
+const OLD_LISTED_AT = NOW - 45 * ONE_DAY_MS;
 
 function mockMarkets(markets: { listedAt?: number }[]) {
   mockUsePerpsMarkets.mockReturnValue({
@@ -19,6 +20,14 @@ function mockMarkets(markets: { listedAt?: number }[]) {
 }
 
 describe('useHasNewMarkets', () => {
+  beforeEach(() => {
+    jest.spyOn(Date, 'now').mockReturnValue(NOW);
+  });
+
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
   it('returns true when at least one market was listed within the last 30 days', () => {
     mockMarkets([{ listedAt: OLD_LISTED_AT }, { listedAt: RECENT_LISTED_AT }]);
 

app/components/UI/Perps/hooks/usePerpsMarketListView.test.ts

@@ -108,9 +108,13 @@ const mockAllMarkets = [
   ...mockMarketsWithInvalidVolume,
 ];
 
+const NOW = 1_700_000_000_000; // fixed epoch ms for deterministic listedAt math
+const DAYS_AGO = (days: number) => NOW - days * 24 * 60 * 60 * 1000;
+
 describe('usePerpsMarketListView', () => {
   beforeEach(() => {
     jest.clearAllMocks();
+    jest.spyOn(Date, 'now').mockReturnValue(NOW);
 
     // Reset sortMarkets mock to pass through by default
     mockSortMarkets.mockImplementation(({ markets }) => markets);
@@ -158,6 +162,10 @@ describe('usePerpsMarketListView', () => {
     mockSelectorState({ watchlist: ['BTC', 'ETH'] });
   });
 
+  afterEach(() => {
+    jest.restoreAllMocks();
+  });
+
   describe('Initial State', () => {
     it('returns correct initial state with default parameters', () => {
       const { result } = renderHook(() => usePerpsMarketListView());
@@ -664,18 +672,18 @@ describe('usePerpsMarketListView', () => {
         {
           ...createMockMarket('BTC', '$1B'),
           isHip3: false,
-          listedAt: Date.now() - 5 * 24 * 60 * 60 * 1000, // 5 days ago
+          listedAt: DAYS_AGO(5), // 5 days ago
         },
         {
           ...createMockMarket('AAPL', '$2B'),
           marketType: 'stock' as const,
           isHip3: true,
-          listedAt: Date.now() - 10 * 24 * 60 * 60 * 1000, // 10 days ago
+          listedAt: DAYS_AGO(10), // 10 days ago
         },
         {
           ...createMockMarket('OLDCOIN', '$500M'),
           isHip3: false,
-          listedAt: Date.now() - 45 * 24 * 60 * 60 * 1000, // 45 days ago, not new
+          listedAt: DAYS_AGO(45), // 45 days ago, not new
         },
       ];
 
@@ -989,19 +997,19 @@ describe('usePerpsMarketListView', () => {
         {
           ...createMockMarket('SHIB2', '$100M'),
           isHip3: false,
-          listedAt: Date.now() - 3 * 24 * 60 * 60 * 1000, // 3 days ago, new
+          listedAt: DAYS_AGO(3), // 3 days ago, new
         },
         {
           ...createMockMarket('CASHCAT', '$50M'),
           marketType: 'stock' as const,
           isHip3: true,
-          listedAt: Date.now() - 20 * 24 * 60 * 60 * 1000, // 20 days ago, new
+          listedAt: DAYS_AGO(20), // 20 days ago, new
         },
         {
           ...createMockMarket('OLDIPO', '$30M'),
           marketType: 'pre-ipo' as const,
           isHip3: true,
-          listedAt: Date.now() - 60 * 24 * 60 * 60 * 1000, // 60 days ago, not new
+          listedAt: DAYS_AGO(60), // 60 days ago, not new
         },
       ];