solid-recharts 0.2.1 → 1.0.0

package/test/chart/RadialBarChart.typed.spec.tsx

@@ -1,39 +0,0 @@
-import { describe, expect, it } from "vitest";
-import { RadialBar, RadialBarChart } from "../../src";
-import { render } from "@solidjs/testing-library";
-
-// Ported from recharts 3.8.1 test/chart/RadialBarChart.typed.spec.tsx.
-
-type ExampleDataPoint = { value: number; name: string };
-const data: ReadonlyArray<ExampleDataPoint> = [
-  { value: 100, name: "a" },
-  { value: 80, name: "b" },
-];
-
-describe("RadialBarChart with strong typing", () => {
-  it("should allow implicit chart typing", () => {
-    render(() => (
-      <RadialBarChart data={data} width={400} height={400}>
-        <RadialBar dataKey="value" isAnimationActive={false} />
-      </RadialBarChart>
-    ));
-  });
-
-  it("should allow explicit chart typing", () => {
-    render(() => (
-      <RadialBarChart<ExampleDataPoint> data={data} width={400} height={400}>
-        <RadialBar dataKey="value" isAnimationActive={false} />
-      </RadialBarChart>
-    ));
-  });
-
-  it("should show error when chart data shape does not match explicit generic type", () => {
-    const invalidChart = (
-      // @ts-expect-error TypeScript is correct here - chart data does not match explicit generic type
-      <RadialBarChart<ExampleDataPoint> data={{ wrong: 1 }} width={400} height={400}>
-        <RadialBar dataKey="value" isAnimationActive={false} />
-      </RadialBarChart>
-    );
-    expect(invalidChart).toBeDefined();
-  });
-});

package/test/chart/RechartsWrapper.spec.tsx

@@ -1,83 +0,0 @@
-import { Show, createSignal, flush } from "solid-js";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import { fireEvent, render } from "@solidjs/testing-library";
-import { assertNotNull } from "../helper/assertNotNull";
-import { BarChart } from "../../src";
-import { RechartsWrapper } from "../../src/chart/RechartsWrapper";
-
-/*
- * Ported from recharts 3.8.1 test/chart/RechartsWrapper.spec.tsx.
- * Solid adaptation: React rerender is represented by a signal-driven remount.
- */
-
-describe("RechartsWrapper", () => {
-  afterEach(() => {
-    vi.unstubAllGlobals();
-  });
-
-  it("should call onMouseEnter, and onMouseLeave handlers", () => {
-    const onMouseEnterSpy = vi.fn();
-    const onMouseLeaveSpy = vi.fn();
-    const { container } = render(() => (
-      <BarChart
-        width={800}
-        height={400}
-        onMouseEnter={onMouseEnterSpy}
-        onMouseLeave={onMouseLeaveSpy}
-      />
-    ));
-
-    const wrapper = container.querySelector(".recharts-wrapper");
-    assertNotNull(wrapper);
-    expect(wrapper).toBeInTheDocument();
-
-    expect(onMouseEnterSpy).not.toHaveBeenCalled();
-    expect(onMouseLeaveSpy).not.toHaveBeenCalled();
-
-    fireEvent.mouseEnter(wrapper);
-    flush();
-
-    expect(onMouseEnterSpy).toHaveBeenCalledTimes(1);
-    expect(onMouseLeaveSpy).not.toHaveBeenCalled();
-
-    fireEvent.mouseLeave(wrapper);
-    flush();
-
-    expect(onMouseEnterSpy).toHaveBeenCalledTimes(1);
-    expect(onMouseLeaveSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it("should disconnect the previous ResizeObserver before creating a new one when the DOM node changes", () => {
-    const observeSpy = vi.fn();
-    const disconnectSpy = vi.fn();
-
-    const ResizeObserverMock = vi.fn(function ResizeObserverMock() {
-      return {
-        observe: observeSpy,
-        unobserve: vi.fn(),
-        disconnect: disconnectSpy,
-      };
-    });
-    vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-
-    const [version, setVersion] = createSignal(0);
-    render(() => (
-      <Show keyed when={version() + 1}>
-        <RechartsWrapper responsive width={100} height={100} ref={() => undefined}>
-          <div />
-        </RechartsWrapper>
-      </Show>
-    ));
-
-    expect(ResizeObserverMock).toHaveBeenCalledTimes(1);
-    expect(observeSpy).toHaveBeenCalledTimes(1);
-    expect(disconnectSpy).not.toHaveBeenCalled();
-
-    setVersion(1);
-    flush();
-
-    expect(disconnectSpy).toHaveBeenCalledTimes(1);
-    expect(ResizeObserverMock).toHaveBeenCalledTimes(2);
-    expect(observeSpy).toHaveBeenCalledTimes(2);
-  });
-});

package/test/chart/Sankey.content.spec.tsx

@@ -1,46 +0,0 @@
-// Solid-recharts spec: Sankey custom function-form `node` / `link` renderers.
-// recharts also supports element-form (N/A in this port — no cloneElement).
-import { describe, expect, it } from "vitest";
-import { flush } from "solid-js";
-import { Sankey } from "../../src";
-import { render } from "@solidjs/testing-library";
-
-const data = {
-  nodes: [{ name: "A" }, { name: "B" }, { name: "C" }, { name: "D" }],
-  links: [
-    { source: 0, target: 1, value: 10 },
-    { source: 0, target: 2, value: 5 },
-    { source: 1, target: 3, value: 8 },
-    { source: 2, target: 3, value: 3 },
-  ],
-};
-
-describe("Sankey custom node/link content", () => {
-  it("renders the function-form node renderer for each node", () => {
-    const { container } = render(() => (
-      <Sankey
-        width={800}
-        height={400}
-        data={data}
-        node={(p) => <circle class="custom-sankey-node" cx={p.x} cy={p.y} r={4} />}
-      />
-    ));
-    flush();
-    expect(container.querySelectorAll(".custom-sankey-node")).toHaveLength(data.nodes.length);
-    // The default <rect> node is not rendered when a custom node is provided.
-    expect(container.querySelectorAll(".recharts-sankey-node rect")).toHaveLength(0);
-  });
-
-  it("renders the function-form link renderer for each link", () => {
-    const { container } = render(() => (
-      <Sankey
-        width={800}
-        height={400}
-        data={data}
-        link={(p) => <path class="custom-sankey-link" d={`M0,0L${p.sourceX},${p.sourceY}`} />}
-      />
-    ));
-    flush();
-    expect(container.querySelectorAll(".custom-sankey-link")).toHaveLength(data.links.length);
-  });
-});