wehub-resource-sync
71 lines
2.2 KiB
TypeScript
71 lines
2.2 KiB
TypeScript
// @vitest-environment jsdom
|
|
import React from "react";
|
|
import { act } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
|
|
vi.mock("next-intl", () => ({
|
|
useTranslations: () => (key: string) => key,
|
|
}));
|
|
|
|
// Stub next/dynamic — returns null component (recharts not needed in tests)
|
|
vi.mock("next/dynamic", () => ({
|
|
default: () => () => null,
|
|
}));
|
|
|
|
const { default: BurnRateChart } = await import(
|
|
"../../../src/app/(dashboard)/dashboard/costs/quota-share/components/BurnRateChart"
|
|
);
|
|
|
|
let container: HTMLDivElement | null = null;
|
|
let root: ReturnType<typeof createRoot> | null = null;
|
|
|
|
async function render(props: Parameters<typeof BurnRateChart>[0]) {
|
|
(globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
|
|
true;
|
|
container = document.createElement("div");
|
|
document.body.appendChild(container);
|
|
await act(async () => {
|
|
root = createRoot(container!);
|
|
root.render(<BurnRateChart {...props} />);
|
|
});
|
|
}
|
|
|
|
describe("BurnRateChart", { timeout: 10000 }, () => {
|
|
afterEach(() => {
|
|
if (root && container) act(() => root!.unmount());
|
|
container?.remove();
|
|
container = null;
|
|
root = null;
|
|
});
|
|
|
|
it("renders no-data state when usage is null", async () => {
|
|
await render({ usage: null });
|
|
expect(document.body.innerHTML).toContain("burnRateTitle");
|
|
expect(document.body.innerHTML).toContain("no data");
|
|
});
|
|
|
|
it("renders no-data state when burnRate is falsy", async () => {
|
|
const usage = {
|
|
dimensions: [],
|
|
burnRate: null,
|
|
};
|
|
await render({ usage: usage as never });
|
|
expect(document.body.innerHTML).toContain("no data");
|
|
});
|
|
|
|
it("renders chart when usage has burnRate data", async () => {
|
|
const usage = {
|
|
dimensions: [
|
|
{ unit: "tokens", window: "daily", limit: 100000, consumedTotal: 30000, perKey: [] },
|
|
],
|
|
burnRate: { tokensPerSecond: 10, timeToExhaustionMs: 7_000_000 },
|
|
};
|
|
await render({ usage: usage as never });
|
|
// Should not show no-data message
|
|
expect(document.body.innerHTML).not.toContain("no data yet");
|
|
// Should show exhaustion label
|
|
expect(document.body.innerHTML).toContain("burnRateExhaustsIn");
|
|
});
|
|
});
|