xiaoxia-saas/apps/web/src/test/pages/TaskHistory.test.tsx

import React from "react"
import { describe, expect, it, vi } from "vitest"
import { render } from "@testing-library/react"
import { MemoryRouter } from "react-router-dom"

vi.mock("@/components/layout/PageHead", () => ({
  default: ({ title }: { title: string }) => <div data-testid="page-head">{title}</div>,
}))

vi.mock("@tanstack/react-query", () => ({
  useQuery: () => ({
    data: [],
    isLoading: false,
    isError: false,
    refetch: vi.fn(),
  }),
  useMutation: () => ({
    mutate: vi.fn(),
    mutateAsync: vi.fn(),
    isLoading: false,
  }),
  useQueryClient: () => ({
    invalidateQueries: vi.fn(),
  }),
}))

vi.mock("@/components/ui", () => ({
  Button: ({ children, onClick }: any) => <button onClick={onClick}>{children}</button>,
}))

vi.mock("antd", () => ({
  Table: () => <div data-testid="mock-table" />,
  Pagination: () => <div data-testid="mock-pagination" />,
  Select: () => <select />,
  Tabs: () => <div data-testid="mock-tabs" />,
  Empty: () => <div>Empty</div>,
  Space: ({ children }: any) => <div>{children}</div>,
  message: { success: vi.fn(), error: vi.fn() },
  Popconfirm: ({ children }: any) => <span>{children}</span>,
  Tag: ({ children }: any) => <span>{children}</span>,
  Badge: ({ children }: any) => <span>{children}</span>,
  Tooltip: ({ children }: any) => <span>{children}</span>,
}))

vi.mock("@/api/tasks", () => ({
  getUserTasks: vi.fn().mockResolvedValue([]),
  retryTask: vi.fn().mockResolvedValue({ success: true }),
}))

vi.mock("@/pages/history/history.css", () => ({}))

import TaskHistory from "@/pages/history/TaskHistory"

describe("TaskHistory Page", () => {
  it("should render without crashing", () => {
    const { container } = render(
      <MemoryRouter>
        <TaskHistory />
      </MemoryRouter>,
    )
    expect(container.firstChild).toBeTruthy()
  })
})