Carlos Florêncio
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { cleanup, render, screen } from "@testing-library/react";
|
|
import { TooltipProvider } from "@kandev/ui/tooltip";
|
|
import { afterEach, describe, expect, it } from "vitest";
|
|
|
|
import { ExecutionIndicator } from "./execution-indicator";
|
|
|
|
afterEach(cleanup);
|
|
|
|
function renderIndicator(status: string) {
|
|
return render(
|
|
<TooltipProvider>
|
|
<ExecutionIndicator status={status} />
|
|
</TooltipProvider>,
|
|
);
|
|
}
|
|
|
|
describe("ExecutionIndicator", () => {
|
|
it("pulses a static icon through an HTML compositor target while live", () => {
|
|
const { container } = renderIndicator("IN_PROGRESS");
|
|
|
|
const pulse = container.querySelector<HTMLElement>("[data-compositor-pulse]");
|
|
expect(pulse).toBeTruthy();
|
|
expect(pulse?.className).toContain("animate-pulse");
|
|
expect(pulse?.querySelector("svg")?.getAttribute("class")).not.toContain("animate-pulse");
|
|
expect(screen.getByText("Live")).toBeTruthy();
|
|
});
|
|
|
|
it("keeps the review-ready state static", () => {
|
|
const { container } = renderIndicator("REVIEW");
|
|
|
|
expect(container.querySelector("[data-compositor-pulse]")).toBeNull();
|
|
expect(screen.getByText("Ready")).toBeTruthy();
|
|
});
|
|
});
|