solid-recharts 0.2.0 → 1.0.0

package/test/state/mouseEventsMiddleware.spec.ts

@@ -1,75 +0,0 @@
-import { flush } from "solid-js";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import type { HTMLMousePointer } from "../../src/util/types";
-import { createRechartsStore } from "../../src/state/store";
-import { dispatchMouseClick, dispatchMouseMove } from "../../src/state/mouseEventsMiddleware";
-import { getMockDomRect } from "../helper/mockGetBoundingClientRect";
-
-function createMockMousePointer(x: number, y: number): HTMLMousePointer {
-  return {
-    clientX: x,
-    clientY: y,
-    currentTarget: {
-      getBoundingClientRect: () => getMockDomRect({ width: 500, height: 300 }),
-      offsetWidth: 500,
-      offsetHeight: 300,
-    },
-  };
-}
-
-describe("mouseClickMiddleware", () => {
-  let store: ReturnType<typeof createRechartsStore>;
-
-  beforeEach(() => {
-    store = createRechartsStore();
-  });
-
-  it("should run immediately without requestAnimationFrame", () => {
-    const mockMousePointer = createMockMousePointer(100, 100);
-    expect(vi.getTimerCount()).toBe(0);
-
-    dispatchMouseClick(store, mockMousePointer);
-
-    expect(vi.getTimerCount()).toBe(0);
-  });
-
-  it("should handle multiple clicks without canceling each other", () => {
-    const click1 = createMockMousePointer(50, 50);
-    const click2 = createMockMousePointer(100, 100);
-    const click3 = createMockMousePointer(150, 150);
-
-    dispatchMouseClick(store, click1);
-    dispatchMouseClick(store, click2);
-    dispatchMouseClick(store, click3);
-
-    expect(vi.getTimerCount()).toBe(0);
-  });
-});
-
-describe("mouseMoveMiddleware", () => {
-  let store: ReturnType<typeof createRechartsStore>;
-
-  beforeEach(() => {
-    store = createRechartsStore();
-  });
-
-  it("should debounce rapid mousemove events using requestAnimationFrame", () => {
-    const move1 = createMockMousePointer(50, 50);
-    const move2 = createMockMousePointer(100, 100);
-    const move3 = createMockMousePointer(150, 150);
-
-    dispatchMouseMove(store, move1);
-    expect(vi.getTimerCount()).toBe(1);
-
-    dispatchMouseMove(store, move2);
-    expect(vi.getTimerCount()).toBe(1);
-
-    dispatchMouseMove(store, move3);
-    expect(vi.getTimerCount()).toBe(1);
-
-    flush();
-    vi.runOnlyPendingTimers();
-
-    expect(vi.getTimerCount()).toBe(0);
-  });
-});

package/test/state/optionsSlice.spec.ts

@@ -1,19 +0,0 @@
-// Ported from recharts 3.8.1 test/state/optionsSlice.spec.ts (tests the pure
-// `arrayTooltipSearcher` helper). Assertions byte-identical.
-import { describe, it, expect } from "vitest";
-import { arrayTooltipSearcher } from "../../src/state/optionsSlice";
-
-describe("arrayTooltipSearcher", () => {
-  it("should return undefined when called with empty array or empty index", () => {
-    expect(arrayTooltipSearcher([], "0")).toBeUndefined();
-    expect(arrayTooltipSearcher(undefined, "0")).toBeUndefined();
-    expect(arrayTooltipSearcher([1, 2, 3], "")).toBeUndefined();
-    // @ts-expect-error typescript is correct here, but we are testing runtime behavior with invalid input
-    expect(arrayTooltipSearcher([1, 2, 3], undefined)).toBeUndefined();
-    expect(arrayTooltipSearcher([1, 2, 3], "NaN")).toBeUndefined();
-  });
-
-  it("should return data from an index when given a valid number", () => {
-    expect(arrayTooltipSearcher([1, 2, 3], "0")).toBe(1);
-  });
-});

package/test/state/reduxDevtoolsJsonStringifyReplacer.spec.ts

@@ -1,25 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { reduxDevtoolsJsonStringifyReplacer } from "../../src/state/reduxDevtoolsJsonStringifyReplacer";
-
-describe("reduxDevtoolsJsonStringifyReplacer", () => {
-  it("should return the original value if the value is not an object", () => {
-    expect(reduxDevtoolsJsonStringifyReplacer("", "foo")).toBe("foo");
-  });
-
-  it("should return string if the value is an HTML element", () => {
-    const p = document.createElement("p");
-    p.classList.add("my-example-class");
-    expect(reduxDevtoolsJsonStringifyReplacer("", p)).toBe(
-      'HTMLElement <P class="my-example-class">',
-    );
-  });
-
-  it("should return string if the value is a global window object", () => {
-    /*
-     * Firefox devtools throw exceptions when attempting to deeply serialize window object
-     * because some of the properties inside belong to another iframe
-     * and that other iframe sometimes has cross-origin access limitations.
-     */
-    expect(reduxDevtoolsJsonStringifyReplacer("", window)).toBe("global.window");
-  });
-});

package/test/state/referenceElementsSlice.spec.ts

@@ -1,84 +0,0 @@
-// Tier B (state-internal): ported from recharts' referenceElementsSlice.spec.ts,
-// adapted to the Solid-native store (store.state / store.actions, no dispatch) and
-// the `id`-based identity deviation (recharts matches by object reference; Solid
-// store proxies break that, so each settings object carries a stable `id`).
-import { describe, it, expect } from "vitest";
-import { flush } from "solid-js";
-import type {
-  ReferenceAreaSettings,
-  ReferenceDotSettings,
-  ReferenceLineSettings,
-} from "../../src/state/referenceElementsSlice";
-import { createRechartsStore } from "../../src/state/store";
-
-describe("referenceElementsSlice", () => {
-  it("should add and remove a reference dot", () => {
-    const store = createRechartsStore();
-    expect(store.state.referenceElements.dots).toEqual([]);
-
-    const dot: ReferenceDotSettings = {
-      id: "dot-1",
-      ifOverflow: "visible",
-      r: 1,
-      x: 2,
-      xAxisId: 3,
-      y: "category 4",
-      yAxisId: 5,
-    };
-
-    store.actions.referenceElements.addDot(dot);
-    flush();
-    expect(store.state.referenceElements.dots).toEqual([dot]);
-
-    store.actions.referenceElements.removeDot(dot);
-    flush();
-    expect(store.state.referenceElements.dots).toEqual([]);
-  });
-
-  it("should add and remove a reference area", () => {
-    const store = createRechartsStore();
-    expect(store.state.referenceElements.areas).toEqual([]);
-
-    const area: ReferenceAreaSettings = {
-      id: "area-1",
-      ifOverflow: "visible",
-      x1: 1,
-      x2: 2,
-      xAxisId: 3,
-      y1: "category 4",
-      y2: "category 5",
-      yAxisId: 6,
-    };
-
-    store.actions.referenceElements.addArea(area);
-    flush();
-    expect(store.state.referenceElements.areas).toEqual([area]);
-
-    store.actions.referenceElements.removeArea(area);
-    flush();
-    expect(store.state.referenceElements.areas).toEqual([]);
-  });
-
-  it("should add and remove a reference line", () => {
-    const store = createRechartsStore();
-    expect(store.state.referenceElements.lines).toEqual([]);
-
-    const line: ReferenceLineSettings = {
-      id: "line-1",
-      ifOverflow: "visible",
-      x: 1,
-      xAxisId: 2,
-      y: "category 3",
-      yAxisId: 4,
-      segment: undefined,
-    };
-
-    store.actions.referenceElements.addLine(line);
-    flush();
-    expect(store.state.referenceElements.lines).toEqual([line]);
-
-    store.actions.referenceElements.removeLine(line);
-    flush();
-    expect(store.state.referenceElements.lines).toEqual([]);
-  });
-});

package/test/state/selectors/areaSelectors.spec.tsx

@@ -1,77 +0,0 @@
-import { describe, expect, it } from "vitest";
-import type { RechartsRootState } from "../../../src/state/store";
-import { selectArea } from "../../../src/state/selectors/areaSelectors";
-import type { ComputedArea } from "../../../src/cartesian/Area";
-import {
-  shouldReturnFromInitialState,
-  shouldReturnUndefinedOutOfContext,
-} from "../../helper/selectorTestHelpers";
-import { createSelectorTestCase } from "../../helper/createSelectorTestCase";
-import { Area, AreaChart, XAxis } from "../../../src";
-import { PageData } from "../../_data";
-
-/*
- * Ported from recharts 3.8.1 test/state/selectors/areaSelectors.spec.tsx.
- * The render-count / reselect `toBe` stability assertions and the
- * useState-button dataKey-change re-render test are omitted (React-specific /
- * N/A in this Solid rewrite). Ported: the pure value assertions and the golden
- * area geometry (points + baseLine + isRange) for a simple Area chart.
- */
-
-describe("selectArea", () => {
-  const selector = (state: RechartsRootState) => selectArea(state, "area-0", false);
-
-  shouldReturnUndefinedOutOfContext(selector);
-  shouldReturnFromInitialState(selector, undefined);
-
-  it("should compute points, baseLine and inRange for a simple Area chart", () => {
-    const renderTestCase = createSelectorTestCase((props) => (
-      <AreaChart width={400} height={400} data={PageData}>
-        <XAxis dataKey="name" />
-        <Area dataKey="uv" id="area-0" />
-        {props.children}
-      </AreaChart>
-    ));
-
-    const expectedResult: ComputedArea = {
-      baseLine: 365,
-      isRange: false,
-      points: [
-        { payload: { amt: 2400, name: "Page A", pv: 2400, uv: 400 }, value: [0, 400], x: 5, y: 5 },
-        {
-          payload: { amt: 2400, name: "Page B", pv: 4567, uv: 300 },
-          value: [0, 300],
-          x: 83,
-          y: 95,
-        },
-        {
-          payload: { amt: 2400, name: "Page C", pv: 1398, uv: 300 },
-          value: [0, 300],
-          x: 161,
-          y: 95,
-        },
-        {
-          payload: { amt: 2400, name: "Page D", pv: 9800, uv: 200 },
-          value: [0, 200],
-          x: 239,
-          y: 185,
-        },
-        {
-          payload: { amt: 2400, name: "Page E", pv: 3908, uv: 278 },
-          value: [0, 278],
-          x: 317,
-          y: 114.80000000000001,
-        },
-        {
-          payload: { amt: 2400, name: "Page F", pv: 4800, uv: 189 },
-          value: [0, 189],
-          x: 395,
-          y: 194.90000000000003,
-        },
-      ],
-    };
-
-    const { spy } = renderTestCase(selector);
-    expect(spy).toHaveBeenLastCalledWith(expectedResult);
-  });
-});