solid-recharts 0.1.0 → 0.2.0

package/LICENSE

@@ -0,0 +1,24 @@
+MIT License
+
+Copyright (c) 2026 Thomas Guehenneux
+
+Portions derived from recharts (https://github.com/recharts/recharts),
+Copyright (c) 2015 recharts, released under the MIT License.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "solid-recharts",
-  "version": "0.1.0",
+  "version": "0.2.0",
+  "license": "MIT",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -11,13 +12,13 @@
     "victory-vendor": "^37.0.2"
   },
   "devDependencies": {
+    "@solidjs/testing-library": "^1.0.0-beta.2",
     "axe-core": "^4.12.0",
-    "vitest-axe": "^0.1.0",
-    "@solid-recharts/testing-library": "0.0.0"
+    "vitest-axe": "^0.1.0"
   },
   "peerDependencies": {
-    "@solidjs/web": "^2.0.0-beta.14",
-    "solid-js": "^2.0.0-beta.14"
+    "@solidjs/web": "^2.0.0-beta.17",
+    "solid-js": "^2.0.0-beta.17"
   },
   "scripts": {
     "pretest": "node ../../scripts/verify-reference.mjs",

package/src/component/Customized.tsx

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/state/RechartsReduxContext.tsx

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/state/selectors/arrayEqualityCheck.ts

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/state/selectors/numberDomainEqualityCheck.ts

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/state/store.ts

@@ -6,7 +6,6 @@
 // root store composes them — `state` mirrors the slice state proxies, `actions`
 // namespaces the slice actions by slice name (symmetric with `state`).
 //
-// Grows as each slice lands (PORT_ORDER Tier 2 builds the core feature-vertically).
 import { createChartDataSlice, type ChartDataActions, type ChartDataState } from "./chartDataSlice";
 import {
   createChartLayoutSlice,

package/src/util/resolveDefaultProps.tsx

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/util/typedDataKey.ts

@@ -4,5 +4,5 @@
 //
 // TODO: do not port this file as-is. The Solid-native port replaces it (see the
 // reason above). If a consumer needs this path, wire it to the Solid equivalent
-// instead. Tracked in scripts/porting-queue.mjs SKIP list and project memory.
+// instead.
 export {};

package/src/util/types.ts

@@ -10,7 +10,7 @@ import type { ExternalMouseEvents } from "../chart/types";
 // codebase (Area, Label, Text, axisSelectors, d3-scale, the public index). We do
 // NOT port it whole — only the geometry/value types the currently-ported units
 // reference, growing this file as later units need more ("declare/stub then
-// backfill", per PORT_ORDER). Definitions are copied faithfully; the sole
+// backfill"). Definitions are copied faithfully; the sole
 // deviation is `ChartCoordinate`'s `any` fields → `unknown` (this repo bans
 // `any`; the type is `@deprecated` and those fields aren't read structurally by
 // current consumers).

package/test/animation/CSSTransitionAnimate.timing.spec.tsx

@@ -22,7 +22,7 @@
 //     load-bearing contracts (fresh `from`, settled `to`, gating) are asserted.
 import { describe, expect, it, vi, beforeEach } from "vitest";
 import { createSignal, flush } from "solid-js";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { CSSTransitionAnimate } from "../../src/animation/CSSTransitionAnimate";
 import { MockControllerAnimationManager } from "./mockControllerAnimationManager";
 import { expectLastCalledWith } from "../helper/expectLastCalledWith";

package/test/animation/JavascriptAnimate.spec.tsx

@@ -9,7 +9,7 @@
 // injected MockControllerAnimationManager (deterministic, no requestAnimationFrame).
 import { describe, it, expect, vi } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { JavascriptAnimate } from "../../src/animation/JavascriptAnimate";
 import { MockControllerAnimationManager } from "./mockControllerAnimationManager";
 

package/test/animation/legacyAnimationLengthChange.spec.tsx

@@ -51,7 +51,7 @@ import {
   Scatter,
   ScatterChart,
 } from "../../src";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import type { AnimationController } from "../../src";
 import {

package/test/cartesian/Area.animation.spec.tsx

@@ -19,7 +19,7 @@
 // propagation to a flush boundary.
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { createSignal, flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { AreaChart, Area } from "../../src";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";

package/test/cartesian/Area.range.spec.tsx

@@ -7,7 +7,7 @@ import { beforeEach, describe, expect, it } from "vitest";
 import { flush } from "solid-js";
 import { Area, AreaChart, Tooltip, XAxis, YAxis } from "../../src";
 import { rangeData } from "../_data";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { mockGetBoundingClientRect } from "../helper/mockGetBoundingClientRect";
 import { showTooltip } from "../component/Tooltip/tooltipTestHelpers";
 import { areaChartMouseHoverTooltipSelector } from "../component/Tooltip/tooltipMouseHoverSelectors";

package/test/cartesian/Area.spec.tsx

@@ -40,7 +40,7 @@ import {
   allCartesianChartsExcept,
   type CartesianChartTestCase,
 } from "../helper/parameterizedTestCases";
-import { fireEvent, render, screen } from "../helper/render";
+import { fireEvent, render, screen } from "@solidjs/testing-library";
 
 const emptyBaseValues: ReadonlyArray<BaseValue | undefined> = [undefined, NaN];
 

package/test/cartesian/Area.stacked.render.spec.tsx

@@ -7,7 +7,7 @@
 // register via effects and points compute from the store.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { AreaChart, Area } from "../../src";
 
 const data = [

package/test/cartesian/Area.typed.spec.tsx

@@ -23,7 +23,7 @@
 //     shape; `getRelativeCoordinate(e)` still accepts the (SVG) event.
 import { describe, it } from "vitest";
 import { Area, AreaChart, getRelativeCoordinate } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { expectAreaCurve, type ExpectedArea } from "../helper/expectAreaCurve";
 
 type ExampleDataPoint = {

package/test/cartesian/Axis.integration.spec.tsx

@@ -8,7 +8,7 @@
 // coords would diverge from recharts for reasons unrelated to axis logic.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis } from "../../src";
 
 function tickTexts(container: Element, axis: ".recharts-xAxis" | ".recharts-yAxis"): string[] {

package/test/cartesian/Bar/Bar.csstransition.spec.tsx

@@ -12,7 +12,7 @@ import { barChartMouseHoverTooltipSelector } from "../../component/Tooltip/toolt
 import { mockGetBoundingClientRect } from "../../helper/mockGetBoundingClientRect";
 import { expectNthCalledWith } from "../../helper/expectLastCalledWith";
 import { assertNotNull } from "../../helper/assertNotNull";
-import { fireEvent } from "../../helper/render";
+import { fireEvent } from "@solidjs/testing-library";
 
 const expectedBars: ReadonlyArray<ExpectedBar> = [
   {

package/test/cartesian/Bar/Bar.spec.tsx

@@ -21,7 +21,7 @@ import {
 import type { CartesianGraphicalItemSettings } from "../../../src/state/graphicalItemsSlice";
 import { useAppSelector } from "../../../src/state/hooks";
 import { BarSettings } from "../../../src/state/types/BarSettings";
-import { fireEvent, render } from "../../helper/render";
+import { fireEvent, render } from "@solidjs/testing-library";
 import { assertZIndexLayerOrder } from "../../helper/assertZIndexLayerOrder";
 import { expectActiveBars, expectBars, getAllBarPaths, getAllBars } from "../../helper/expectBars";
 import { expectLabels } from "../../helper/expectLabel";

package/test/cartesian/Bar/Bar.typed.spec.tsx

@@ -19,7 +19,7 @@
 //    on each call (golden-anchored to the Solid type surface).
 import { describe, it } from "vitest";
 import { Bar, BarChart, getRelativeCoordinate, type BarRectangleItem } from "../../../src";
-import { render } from "../../helper/render";
+import { render } from "@solidjs/testing-library";
 import { expectBars, type ExpectedBar } from "../../helper/expectBars";
 
 type ExampleDataPoint = {

package/test/cartesian/Bar.animation.spec.tsx

@@ -30,7 +30,7 @@
 //     same "restart from the beginning" behaviour.
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import { createSignal, flush } from "solid-js";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { BarChart, Bar } from "../../src";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";

package/test/cartesian/Bar.stackDomain.spec.tsx

@@ -3,7 +3,7 @@
 // exercises the un-deferred selectDomainOfStackGroups → combineNumericalDomain path.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { BarChart, Bar, XAxis, YAxis } from "../../src";
 
 const data = [

package/test/cartesian/Bar.stacked.render.spec.tsx

@@ -5,7 +5,7 @@
 // register via effects and rects compute from the store.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { BarChart, Bar } from "../../src";
 
 const data = [

package/test/cartesian/Bar.zeroDimensionFiltering.spec.tsx

@@ -3,7 +3,7 @@ import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
 import { Bar, BarChart, BarStack, XAxis, YAxis } from "../../src";
 import { createSelectorTestCase } from "../helper/createSelectorTestCase";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { selectBarRectangles } from "../../src/state/selectors/barSelectors";
 import { getAllBars } from "../helper/expectBars";
 

package/test/cartesian/Brush.keyboard.spec.tsx

@@ -4,7 +4,7 @@
 // real browser; here we flush manually).
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, Brush } from "../../src";
 
 const data = [

package/test/cartesian/Brush.panorama.spec.tsx

@@ -6,7 +6,7 @@
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
 import { Brush, Line, LineChart } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 const data = [
   { name: "a", uv: 100 },

package/test/cartesian/Brush.props.spec.tsx

@@ -6,7 +6,7 @@ import { describe, expect, it, vi } from "vitest";
 import { flush } from "solid-js";
 import type { JSX } from "@solidjs/web";
 import { BarChart, Brush } from "../../src";
-import { fireEvent, render } from "../helper/render";
+import { fireEvent, render } from "@solidjs/testing-library";
 import { assertNotNull } from "../helper/assertNotNull";
 
 const data = [

package/test/cartesian/Brush.render.spec.tsx

@@ -5,7 +5,7 @@
 // `flush()` because the brush registers settings + reads indices via effects.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, Brush } from "../../src";
 
 const data = [

package/test/cartesian/Brush.spec.tsx

@@ -26,7 +26,7 @@
 import { describe, expect, it, test } from "vitest";
 import { createSignal, flush } from "solid-js";
 import type { JSX } from "@solidjs/web";
-import { render, fireEvent, screen, waitFor } from "../helper/render";
+import { render, fireEvent, screen, waitFor } from "@solidjs/testing-library";
 import { BarChart, Brush, ComposedChart, Line, LineChart, ReferenceLine } from "../../src";
 import type { BrushProps } from "../../src";
 import { assertNotNull } from "../helper/assertNotNull";

package/test/cartesian/Brush.stacked.spec.tsx

@@ -18,7 +18,7 @@
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
 import { createSelectorTestCase } from "../helper/createSelectorTestCase";
-import { fireEvent } from "../helper/render";
+import { fireEvent } from "@solidjs/testing-library";
 import { BarChart, Bar, Brush } from "../../src";
 import { PageData } from "../_data";
 import { assertNotNull } from "../helper/assertNotNull";

package/test/cartesian/CartesianAxis.render.spec.tsx

@@ -3,7 +3,7 @@
 // not just register settings.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis } from "../../src";
 import { PageData } from "../_data";
 

package/test/cartesian/CartesianAxis.spec.tsx

@@ -7,7 +7,7 @@
 // covers it).
 import { describe, expect, it } from "vitest";
 import { scaleLinear } from "victory-vendor/d3-scale";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { CartesianAxis, Surface } from "../../src";
 import type { CartesianTickContentProps, TickItem } from "../../src/util/types";
 import type { LabelContentType } from "../../src/component/Label";

package/test/cartesian/CartesianGrid.render.spec.tsx

@@ -2,7 +2,7 @@
 // axis ticks across the plot area.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, CartesianGrid } from "../../src";
 import { PageData } from "../_data";
 

package/test/cartesian/CartesianGrid.spec.tsx

@@ -15,7 +15,7 @@
 import { describe, expect, it, type Mock, test, vi } from "vitest";
 import { createEffect, flush } from "solid-js";
 import type { JSX } from "@solidjs/web";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import {
   CartesianGrid,
   LineChart,

package/test/cartesian/ErrorBar.render.spec.tsx

@@ -3,7 +3,7 @@
 // selectAllErrorBarSettings → getErrorDomainByDataKey path).
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, ErrorBar } from "../../src";
 
 const data = [

package/test/cartesian/ErrorBar.spec.tsx

@@ -18,7 +18,7 @@ import {
   XAxis,
   YAxis,
 } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import type { AnimationController } from "../../src";
 import { MockControllerAnimationManager } from "../animation/mockControllerAnimationManager";

package/test/cartesian/Funnel.animation.spec.tsx

@@ -22,7 +22,7 @@
 import { describe, expect, it, vi } from "vitest";
 import { createSignal, flush } from "solid-js";
 import { createSelectorTestCase } from "../helper/createSelectorTestCase";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";
 import { Funnel, FunnelChart } from "../../src";

package/test/cartesian/Funnel.spec.tsx

@@ -10,7 +10,7 @@ import { Cell, Funnel, FunnelChart, FunnelProps, FunnelTrapezoidItem, LabelList
 import { showTooltip } from "../component/Tooltip/tooltipTestHelpers";
 import { funnelChartMouseHoverTooltipSelector } from "../component/Tooltip/tooltipMouseHoverSelectors";
 import { computeFunnelTrapezoids } from "../../src/cartesian/Funnel";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 const data = [
   { value: 100, name: "展现" },

package/test/cartesian/Funnel.typed.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { Funnel, FunnelChart, getRelativeCoordinate, type FunnelTrapezoidItem } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 type ExampleDataPoint = {
   value: number;

package/test/cartesian/GraphicalItemClipPath.scale-behavior.spec.tsx

@@ -15,7 +15,7 @@ import { describe, it, expect, beforeEach } from "vitest";
 import { scaleLinear, scalePoint } from "victory-vendor/d3-scale";
 import { createSignal, flush } from "solid-js";
 import type { JSX } from "@solidjs/web";
-import { fireEvent } from "../helper/render";
+import { fireEvent } from "@solidjs/testing-library";
 import { Line, LineChart, XAxis, YAxis } from "../../src";
 import { createSelectorTestCase } from "../helper/createSelectorTestCase";
 import { mockGetBoundingClientRect } from "../helper/mockGetBoundingClientRect";

package/test/cartesian/Line.animation.spec.tsx

@@ -25,7 +25,7 @@
 //     scheduling — render-count coupled.
 import { describe, expect, it, beforeAll, afterAll, beforeEach } from "vitest";
 import { createSignal, flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line } from "../../src";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";

package/test/cartesian/Line.sparseAnimationPath.spec.tsx

@@ -11,7 +11,7 @@
 // mocked on SVGElement.prototype (jsdom lacks it).
 import { describe, expect, it, beforeAll, afterAll } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { ComposedChart, Line, XAxis } from "../../src";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";

package/test/cartesian/Line.spec.tsx

@@ -23,7 +23,7 @@ import { showTooltip } from "../component/Tooltip/tooltipTestHelpers";
 import { lineChartMouseHoverTooltipSelector } from "../component/Tooltip/tooltipMouseHoverSelectors";
 import { assertNotNull } from "../helper/assertNotNull";
 import { expectLastCalledWith } from "../helper/expectLastCalledWith";
-import { fireEvent, render } from "../helper/render";
+import { fireEvent, render } from "@solidjs/testing-library";
 
 describe("<Line />", () => {
   beforeEach(() => {

package/test/cartesian/Line.typed.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { Line, LineChart, getRelativeCoordinate } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 type ExampleDataPoint = {
   x: number;

package/test/cartesian/ReferenceArea.render.spec.tsx

@@ -2,7 +2,7 @@
 // range (x1..x2, y1..y2), mapped to pixels through both cartesian scales.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, ReferenceArea } from "../../src";
 
 const data = [

package/test/cartesian/ReferenceArea.spec.tsx

@@ -20,7 +20,7 @@
 import { describe, expect, it, test, vi } from "vitest";
 import { createEffect, createSignal, flush, Show } from "solid-js";
 import type { JSX } from "@solidjs/web";
-import { fireEvent, render, screen } from "../helper/render";
+import { fireEvent, render, screen } from "@solidjs/testing-library";
 import { Bar, BarChart, IfOverflow, LineChart, ReferenceArea, XAxis, YAxis } from "../../src";
 import { useAppSelector } from "../../src/state/hooks";
 import { selectReferenceAreasByAxis } from "../../src/state/selectors/axisSelectors";

package/test/cartesian/ReferenceArea.typed.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { Line, LineChart, ReferenceArea, getRelativeCoordinate } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 // Ported from recharts 3.8.1 test/cartesian/ReferenceArea.typed.spec.tsx.
 

package/test/cartesian/ReferenceDot.render.spec.tsx

@@ -2,7 +2,7 @@
 // mapped to pixels through both cartesian scales (CartesianScaleHelperImpl).
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, ReferenceDot } from "../../src";
 
 const data = [

package/test/cartesian/ReferenceDot.spec.tsx

@@ -7,7 +7,7 @@
 // the React-component `shape` prop-equality case.
 import { describe, expect, it, test, vi } from "vitest";
 import { createEffect, createSignal, flush } from "solid-js";
-import { fireEvent, render } from "../helper/render";
+import { fireEvent, render } from "@solidjs/testing-library";
 import { Bar, BarChart, LineChart, ReferenceDot, XAxis, YAxis } from "../../src";
 import { useAppSelector } from "../../src/state/hooks";
 import { selectReferenceDotsByAxis } from "../../src/state/selectors/axisSelectors";

package/test/cartesian/ReferenceDot.typed.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { type DotProps, Line, LineChart, ReferenceDot, getRelativeCoordinate } from "../../src";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 
 // Ported from recharts 3.8.1 test/cartesian/ReferenceDot.typed.spec.tsx.
 

package/test/cartesian/ReferenceLine/ReferenceLine.panorama.spec.tsx

@@ -18,7 +18,7 @@
 //    hook directly in a render body.
 import { describe, expect, it, vi } from "vitest";
 import { createEffect, flush } from "solid-js";
-import { render } from "../../helper/render";
+import { render } from "@solidjs/testing-library";
 import { Brush, ComposedChart, Line, LineChart, ReferenceLine, XAxis, YAxis } from "../../../src";
 import { useAppSelector } from "../../../src/state/hooks";
 import { selectAxisRangeWithReverse } from "../../../src/state/selectors/axisSelectors";

package/test/cartesian/ReferenceLine/ReferenceLine.spec.tsx

@@ -26,7 +26,7 @@
 //    it is type-incompatible with the kebab LineSVGAttributes and has no effect).
 import { describe, expect, it, test, vi } from "vitest";
 import { createEffect, createSignal, flush, Show } from "solid-js";
-import { fireEvent, render, screen } from "../../helper/render";
+import { fireEvent, render, screen } from "@solidjs/testing-library";
 import { Bar, BarChart, Line, LineChart, ReferenceLine, XAxis, YAxis } from "../../../src";
 import { useAppSelector } from "../../../src/state/hooks";
 import { selectReferenceLinesByAxis } from "../../../src/state/selectors/axisSelectors";

package/test/cartesian/ReferenceLine/ReferenceLine.typed.spec.tsx

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 import { Line, LineChart, ReferenceLine, getRelativeCoordinate } from "../../../src";
-import { render } from "../../helper/render";
+import { render } from "@solidjs/testing-library";
 
 // Ported from recharts 3.8.1 test/cartesian/ReferenceLine/ReferenceLine.typed.spec.tsx.
 

package/test/cartesian/ReferenceLine.render.spec.tsx

@@ -5,7 +5,7 @@
 // a vertical line at x=category spans the full plot height at that band's x.
 import { describe, expect, it } from "vitest";
 import { flush } from "solid-js";
-import { render } from "../helper/render";
+import { render } from "@solidjs/testing-library";
 import { LineChart, Line, XAxis, YAxis, ReferenceLine } from "../../src";
 
 const data = [

package/test/cartesian/Scatter.animation.spec.tsx

@@ -32,7 +32,7 @@
 //     be reproduced.
 import { beforeEach, describe, expect, it } from "vitest";
 import { createSignal, flush } from "solid-js";
-import { render, fireEvent } from "../helper/render";
+import { render, fireEvent } from "@solidjs/testing-library";
 import { ScatterChart, Scatter, Legend } from "../../src";
 import { AnimationControllerProvider } from "../../src/animation/useAnimationController";
 import { MockControllerAnimationManager as MockProgressAnimationManager } from "../animation/mockControllerAnimationManager";