feat: Use fetcher in workflow history

src/route-handlers/get-workflow-history/get-workflow-history.types.ts

@@ -1,6 +1,10 @@
+import { type z } from 'zod';
+
 import { type GetWorkflowExecutionHistoryResponse } from '@/__generated__/proto-ts/uber/cadence/api/v1/GetWorkflowExecutionHistoryResponse';
 import { type DefaultMiddlewaresContext } from '@/utils/route-handlers-middleware';
 
+import type getWorkflowHistoryQueryParamsSchema from './schemas/get-workflow-history-query-params-schema';
+
 export type RouteParams = {
   domain: string;
   cluster: string;
@@ -12,6 +16,10 @@ export type RequestParams = {
   params: RouteParams;
 };
 
+export type WorkflowHistoryQueryParams = z.infer<
+  typeof getWorkflowHistoryQueryParamsSchema
+>;
+
 export type GetWorkflowHistoryResponse = GetWorkflowExecutionHistoryResponse;
 
 export type Context = DefaultMiddlewaresContext;

src/views/workflow-history/__fixtures__/workflow-history-multi-page-fixture.ts

@@ -0,0 +1,42 @@
+import { type GetWorkflowHistoryResponse } from '@/route-handlers/get-workflow-history/get-workflow-history.types';
+
+import {
+  scheduleActivityTaskEvent,
+  startActivityTaskEvent,
+  completeActivityTaskEvent,
+} from './workflow-history-activity-events';
+import {
+  completeDecisionTaskEvent,
+  scheduleDecisionTaskEvent,
+  startDecisionTaskEvent,
+} from './workflow-history-decision-events';
+
+/**
+ * Multi-page workflow history fixture for testing pagination
+ * Contains 3 pages with various events
+ */
+const workflowHistoryMultiPageFixture: GetWorkflowHistoryResponse[] = [
+  // Page 1: Activity task scheduled and started
+  {
+    history: { events: [scheduleActivityTaskEvent, startActivityTaskEvent] },
+    rawHistory: [],
+    archived: false,
+    nextPageToken: 'page2',
+  },
+  // Page 2: Activity completed and decision task scheduled
+  {
+    history: { events: [completeActivityTaskEvent, scheduleDecisionTaskEvent] },
+    rawHistory: [],
+    archived: false,
+    nextPageToken: 'page3',
+  },
+  // Page 3: Decision task started and completed (last page)
+  {
+    history: { events: [startDecisionTaskEvent, completeDecisionTaskEvent] },
+    rawHistory: [],
+    archived: false,
+    nextPageToken: '',
+  },
+];
+
+export default workflowHistoryMultiPageFixture;

src/views/workflow-history/__tests__/workflow-history.test.tsx

@@ -28,6 +28,15 @@ jest.mock('@/hooks/use-page-query-params/use-page-query-params', () =>
   jest.fn(() => [{ historySelectedEventId: '1' }, jest.fn()])
 );
 
+// Mock the hook to use minimal throttle delay for faster tests
+jest.mock('../hooks/use-workflow-history-fetcher', () => {
+  const actual = jest.requireActual('../hooks/use-workflow-history-fetcher');
+  return {
+    __esModule: true,
+    default: jest.fn((params) => actual.default(params, 0)), // 0ms throttle for tests
+  };
+});
+
 jest.mock(
   '../workflow-history-compact-event-card/workflow-history-compact-event-card',
   () => jest.fn(() => <div>Compact group Card</div>)
@@ -90,24 +99,24 @@ describe('WorkflowHistory', () => {
   });
 
   it('renders page header correctly', async () => {
-    setup({});
+    await setup({});
     expect(
       await screen.findByText('Workflow history Header')
     ).toBeInTheDocument();
   });
 
   it('renders compact group cards', async () => {
-    setup({});
+    await setup({});
     expect(await screen.findByText('Compact group Card')).toBeInTheDocument();
   });
 
   it('renders timeline group cards', async () => {
-    setup({});
+    await setup({});
     expect(await screen.findByText('Timeline group card')).toBeInTheDocument();
   });
 
   it('renders load more section', async () => {
-    setup({});
+    await setup({});
     expect(await screen.findByText('Load more')).toBeInTheDocument();
   });
 
@@ -180,7 +189,7 @@ describe('WorkflowHistory', () => {
   });
 
   it('should show no results when filtered events are empty', async () => {
-    setup({ emptyEvents: true });
+    await setup({ emptyEvents: true });
     expect(await screen.findByText('No Results')).toBeInTheDocument();
   });