Spaces:
Runtime error
Runtime error
File size: 2,141 Bytes
cd8bd0a | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 | // @vitest-environment jsdom
import React, { act } from "react";
import { createRoot } from "react-dom/client";
import { describe, it, expect, beforeEach, afterEach, vi } from "vitest";
vi.mock("next-intl", () => ({ useTranslations: () => (key: string) => key }));
const containers: HTMLElement[] = [];
const roots: Array<{ unmount: () => void }> = [];
function mount(ui: React.ReactElement): HTMLElement {
const container = document.createElement("div");
document.body.appendChild(container);
containers.push(container);
const root = createRoot(container);
roots.push(root);
act(() => root.render(ui));
return container;
}
beforeEach(() => {
(globalThis as typeof globalThis & { IS_REACT_ACT_ENVIRONMENT?: boolean }).IS_REACT_ACT_ENVIRONMENT =
true;
});
afterEach(async () => {
vi.restoreAllMocks();
await act(async () => {
while (roots.length > 0) roots.pop()?.unmount();
});
while (containers.length > 0) containers.pop()?.remove();
document.body.innerHTML = "";
});
async function flush() {
await act(async () => {
for (let i = 0; i < 10; i++) await Promise.resolve();
});
}
describe("CompressionStylesTile", () => {
it("renders total savings and applied style ids from the summary endpoint", async () => {
vi.spyOn(globalThis, "fetch").mockResolvedValue(
new Response(
JSON.stringify({
totalRuns: 4,
totalTokensSaved: 1234,
runsWithStyles: 3,
bypassCount: 1,
totalOutputTokens: 900,
appliedStyleCounts: { "terse-prose": 3, "less-code": 1 },
}),
{ status: 200, headers: { "Content-Type": "application/json" } }
)
);
const { default: CompressionStylesTile } = await import(
"../../../src/app/(dashboard)/dashboard/context/CompressionStylesTile"
);
let container!: HTMLElement;
await act(async () => {
container = mount(<CompressionStylesTile />);
});
await flush();
expect(container.textContent).toContain("1234");
expect(container.textContent).toContain("terse-prose");
expect(container.textContent).toContain("less-code");
});
});
|