@spatika/react 1.4.0 → 1.6.0

package/src/composites/radial-charts.test.tsx

@@ -1,89 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { describe, expect, it, vi } from "vitest";
-import { Gauge, LinearGauge, PieChart, RadarChart } from "./radial-charts";
-
-describe("radial-charts", () => {
-  it("renders a pie chart from slice values", () => {
-    const { container } = render(
-      <PieChart
-        width={200}
-        height={200}
-        series={[{ data: [{ value: 10, label: "A" }, { value: 20, label: "B" }] }]}
-      />,
-    );
-    expect(container.querySelector('[data-slot="pie-chart"]')).toBeTruthy();
-    expect(screen.getByRole("button", { name: "A" })).toBeInTheDocument();
-  });
-
-  it("fires onItemClick from a pie slice", () => {
-    const onItemClick = vi.fn();
-    const { container } = render(
-      <PieChart
-        width={200}
-        height={200}
-        hideLegend
-        series={[{ data: [{ value: 10, label: "A" }, { value: 20, label: "B" }] }]}
-        onItemClick={onItemClick}
-      />,
-    );
-    fireEvent.click(container.querySelector(".spk-chart-mark--interactive")!);
-    expect(onItemClick).toHaveBeenCalledWith(expect.objectContaining({ seriesLabel: "A", value: 10 }));
-  });
-
-  it("renders a single-value gauge with a percent label", () => {
-    render(<Gauge value={40} width={160} height={120} />);
-    expect(screen.getByRole("img", { name: "Gauge 40" })).toBeInTheDocument();
-    expect(screen.getByText("40%")).toBeInTheDocument();
-  });
-
-  it("renders a segmented gauge with a section legend", () => {
-    const { container } = render(
-      <Gauge
-        width={160}
-        height={120}
-        startAngle={-90}
-        endAngle={90}
-        sections={[
-          { value: 40, label: "v5" },
-          { value: 35, label: "v6" },
-          { value: 25, label: "v7" },
-        ]}
-      />,
-    );
-    expect(container.querySelector('[data-slot="gauge"]')).toBeTruthy();
-    expect(screen.getByRole("button", { name: "v5" })).toBeInTheDocument();
-    expect(container.querySelectorAll('[data-slot="gauge"] path').length).toBe(3);
-  });
-
-  it("hides the section legend and accepts a text formatter", () => {
-    render(
-      <Gauge
-        value={72}
-        width={160}
-        height={120}
-        hideLegend
-        text={(value) => `${value} pts`}
-        sections={[{ value: 1, label: "hidden" }]}
-      />,
-    );
-    expect(screen.queryByRole("button", { name: "hidden" })).not.toBeInTheDocument();
-    expect(screen.getByText("72 pts")).toBeInTheDocument();
-  });
-
-  it("renders a linear gauge and a radar polygon", () => {
-    const { container } = render(
-      <div>
-        <LinearGauge value={25} width={200} />
-        <RadarChart
-          width={220}
-          height={220}
-          radar={{ metrics: ["A", "B", "C"] }}
-          series={[{ label: "One", data: [3, 5, 4] }]}
-        />
-      </div>,
-    );
-    expect(container.querySelector('[data-slot="linear-gauge"]')).toBeTruthy();
-    expect(container.querySelector('[data-slot="radar-chart"]')).toBeTruthy();
-    expect(screen.getByRole("button", { name: "One" })).toBeInTheDocument();
-  });
-});