import { mock } from "bun:test";

// Note: jsdom and polyfills are now set up in tests/setup.ts
// This file only contains component-specific mocks

// Mock recharts BEFORE any component imports
void mock.module("recharts", () => ({
  Area: () => null,
  CartesianGrid: () => null,
  Line: () => null,
  LineChart: ({ children }: { children: unknown }) => children,
  ResponsiveContainer: ({ children }: { children: unknown }) => children,
  Tooltip: () => null,
  XAxis: () => null,
  YAxis: () => null,
}));

// Custom test helpers (替代 jest-dom matchers)
export const testHelpers = {
  toBeInTheDocument: (element: Element | null) => {
    const pass = element !== null && document.contains(element);
    return {
      message: () => (pass ? "Expected element not to be in document" : "Expected element to be in document"),
      pass,
    };
  },
  toHaveAttribute: (element: Element | null, attr: string, value?: string) => {
    const pass = value === undefined ? (element?.hasAttribute(attr) ?? false) : element?.getAttribute(attr) === value;
    return {
      message: () =>
        pass ? `Expected element not to have attribute "${attr}"` : `Expected element to have attribute "${attr}"`,
      pass,
    };
  },
  toHaveClass: (element: Element | null, className: string) => {
    const pass = element?.classList.contains(className) ?? false;
    return {
      message: () =>
        pass ? `Expected element not to have class "${className}"` : `Expected element to have class "${className}"`,
      pass,
    };
  },
  toHaveTextContent: (element: Element | null, text: RegExp | string) => {
    const pass =
      element?.textContent !== null &&
      (typeof text === "string" ? element.textContent.includes(text) : text.test(element.textContent));
    return {
      message: () => (pass ? `Expected element not to have text "${text}"` : `Expected element to have text "${text}"`),
      pass,
    };
  },
};