From 7031fa6588c0bccbdf49a6a44335a5db7c7b23d1 Mon Sep 17 00:00:00 2001
From: Ian Wright <ipwright83+dev@gmail.com>
Date: Thu, 6 Jul 2023 20:04:37 +0100
Subject: [PATCH] Fixed tests

---
 .../ClipPath/RectangleClipPath.unit.tsx       | 29 +++++++++++++++----
 .../RectangleClipPath.unit.tsx.snap           |  8 ++---
 .../Area/__snapshots__/Area.unit.tsx.snap     |  3 ++
 .../__snapshots__/StackedArea.unit.tsx.snap   |  3 ++
 .../Area/__snapshots__/Areas.unit.tsx.snap    |  3 ++
 .../Bar/Bar/__snapshots__/Bar.unit.tsx.snap   |  3 ++
 .../__snapshots__/GroupedBar.unit.tsx.snap    |  3 ++
 .../__snapshots__/StackedBar.unit.tsx.snap    |  3 ++
 .../Bar/__snapshots__/Bars.unit.tsx.snap      |  2 ++
 .../Column/__snapshots__/Column.unit.tsx.snap |  3 ++
 .../__snapshots__/GroupedColumn.unit.tsx.snap |  3 ++
 .../__snapshots__/StackedColumn.unit.tsx.snap |  3 ++
 .../__snapshots__/Columns.unit.tsx.snap       |  2 ++
 .../Line/__snapshots__/Line.unit.tsx.snap     |  3 ++
 .../Line/__snapshots__/Lines.unit.tsx.snap    |  2 ++
 .../__snapshots__/Scatter.unit.tsx.snap       |  3 ++
 .../__snapshots__/Scatters.unit.tsx.snap      |  2 ++
 .../src/lib/components/XYChart/XYChart.tsx    |  2 +-
 .../lib/components/ZoomBrush/ZoomBrush.tsx    |  2 +-
 .../react/src/lib/store/chart/chartActions.ts |  2 +-
 .../src/lib/store/chart/chartSelectors.ts     |  2 +-
 .../store/chart/tests/chartReducer.unit.ts    |  2 +-
 .../src/lib/testUtils/createMockStore.ts      |  2 +-
 23 files changed, 75 insertions(+), 15 deletions(-)

diff --git a/packages/react/src/lib/components/ClipPath/RectangleClipPath.unit.tsx b/packages/react/src/lib/components/ClipPath/RectangleClipPath.unit.tsx
index 1618cb87..1d887058 100644
--- a/packages/react/src/lib/components/ClipPath/RectangleClipPath.unit.tsx
+++ b/packages/react/src/lib/components/ClipPath/RectangleClipPath.unit.tsx
@@ -1,20 +1,39 @@
+import { Provider, useSelector } from "react-redux";
 import React from "react";
 
-import { renderChart, wait } from "../../testUtils";
+import { chartSelectors, IState } from "../../store";
+import { createMockStore, renderChart, wait } from "../../testUtils";
+import { themes } from "../../themes";
 
 import { RectangleClipPath } from "./RectangleClipPath";
 
 describe("RectangleClipPath", () => {
-    const Circle = ({ clipPath }: { clipPath?: string }) => {
-        return <circle clipPath={`url(#${clipPath})`} cx={0} cy={0} r={100} fill="red" />;
+    const store = createMockStore({
+        chart: {
+            dimensions: {
+                width: 800,
+                height: 400,
+            },
+            theme: themes.light,
+        },
+        event: {
+            mouse: { x: 150, y: 200 },
+        },
+    });
+
+    const Circle = () => {
+        const plotClipPath = useSelector((s: IState) => chartSelectors.plotClipPath(s));
+
+        return <circle clipPath={`url(#${plotClipPath})`} cx={0} cy={0} r={100} fill="red" />;
     };
 
     it("renders correctly", async () => {
         const { asFragment } = await renderChart({
             children: (
-                <RectangleClipPath>
+                <Provider store={store}>
+                    <RectangleClipPath />
                     <Circle />
-                </RectangleClipPath>
+                </Provider>
             ),
         });
 
diff --git a/packages/react/src/lib/components/ClipPath/__snapshots__/RectangleClipPath.unit.tsx.snap b/packages/react/src/lib/components/ClipPath/__snapshots__/RectangleClipPath.unit.tsx.snap
index 44c81227..db54e8d3 100644
--- a/packages/react/src/lib/components/ClipPath/__snapshots__/RectangleClipPath.unit.tsx.snap
+++ b/packages/react/src/lib/components/ClipPath/__snapshots__/RectangleClipPath.unit.tsx.snap
@@ -5,18 +5,18 @@ exports[`RectangleClipPath renders correctly 1`] = `
   <svg>
     <defs>
       <clippath
-        id="clip-path-"
+        id="clip-path-test"
       >
         <rect
-          height="200"
-          width="200"
+          height="400"
+          width="800"
           x="0"
           y="0"
         />
       </clippath>
     </defs>
     <circle
-      clip-path="url(#clip-path-)"
+      clip-path="url(#clip-path-test)"
       cx="0"
       cy="0"
       fill="red"
diff --git a/packages/react/src/lib/components/Plots/Area/Area/__snapshots__/Area.unit.tsx.snap b/packages/react/src/lib/components/Plots/Area/Area/__snapshots__/Area.unit.tsx.snap
index e245e848..48553905 100644
--- a/packages/react/src/lib/components/Plots/Area/Area/__snapshots__/Area.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Area/Area/__snapshots__/Area.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Area using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot area"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="area"
@@ -25,6 +26,7 @@ exports[`Area using SVG should skip rendering if there is no x scale avaliable 1
   <svg>
     <g
       class="g-plot area"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -35,6 +37,7 @@ exports[`Area using SVG should skip rendering if there is no y scale avaliable 1
   <svg>
     <g
       class="g-plot area"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Area/StackedArea/__snapshots__/StackedArea.unit.tsx.snap b/packages/react/src/lib/components/Plots/Area/StackedArea/__snapshots__/StackedArea.unit.tsx.snap
index 50de6fc1..218923f9 100644
--- a/packages/react/src/lib/components/Plots/Area/StackedArea/__snapshots__/StackedArea.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Area/StackedArea/__snapshots__/StackedArea.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`StackedArea using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-area"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="area"
@@ -26,6 +27,7 @@ exports[`StackedArea using SVG should skip rendering if there is no x scale aval
   <svg>
     <g
       class="g-plot stacked-area"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -36,6 +38,7 @@ exports[`StackedArea using SVG should skip rendering if there is no y scale aval
   <svg>
     <g
       class="g-plot stacked-area"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Area/__snapshots__/Areas.unit.tsx.snap b/packages/react/src/lib/components/Plots/Area/__snapshots__/Areas.unit.tsx.snap
index 3db45344..26fffc69 100644
--- a/packages/react/src/lib/components/Plots/Area/__snapshots__/Areas.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Area/__snapshots__/Areas.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Areas Multiple Series using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot area"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="area"
@@ -18,6 +19,7 @@ exports[`Areas Multiple Series using SVG should render correctly 1`] = `
     </g>
     <g
       class="g-plot area"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="area"
@@ -38,6 +40,7 @@ exports[`Areas Stacked using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-area"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="area"
diff --git a/packages/react/src/lib/components/Plots/Bar/Bar/__snapshots__/Bar.unit.tsx.snap b/packages/react/src/lib/components/Plots/Bar/Bar/__snapshots__/Bar.unit.tsx.snap
index aeaa9444..c3329491 100644
--- a/packages/react/src/lib/components/Plots/Bar/Bar/__snapshots__/Bar.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Bar/Bar/__snapshots__/Bar.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Bar using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot bar"
+      clip-path="url(#clip-path-test)"
     >
       <rect
         class="bar"
@@ -32,6 +33,7 @@ exports[`Bar using SVG should skip rendering if there is no x scale avaliable 1`
   <svg>
     <g
       class="g-plot bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -42,6 +44,7 @@ exports[`Bar using SVG should skip rendering if there is no y scale avaliable 1`
   <svg>
     <g
       class="g-plot bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Bar/GroupedBar/__snapshots__/GroupedBar.unit.tsx.snap b/packages/react/src/lib/components/Plots/Bar/GroupedBar/__snapshots__/GroupedBar.unit.tsx.snap
index 8a77208f..1f7a6240 100644
--- a/packages/react/src/lib/components/Plots/Bar/GroupedBar/__snapshots__/GroupedBar.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Bar/GroupedBar/__snapshots__/GroupedBar.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`GroupedColumn using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot grouped-bar"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`GroupedColumn using SVG should skip rendering if there is no x scale av
   <svg>
     <g
       class="g-plot grouped-bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -62,6 +64,7 @@ exports[`GroupedColumn using SVG should skip rendering if there is no y scale av
   <svg>
     <g
       class="g-plot grouped-bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Bar/StackedBar/__snapshots__/StackedBar.unit.tsx.snap b/packages/react/src/lib/components/Plots/Bar/StackedBar/__snapshots__/StackedBar.unit.tsx.snap
index f3097951..4caeb760 100644
--- a/packages/react/src/lib/components/Plots/Bar/StackedBar/__snapshots__/StackedBar.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Bar/StackedBar/__snapshots__/StackedBar.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`StackedBar using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-bar"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`StackedBar using SVG should skip rendering if there is no x scale avali
   <svg>
     <g
       class="g-plot stacked-bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -62,6 +64,7 @@ exports[`StackedBar using SVG should skip rendering if there is no y scale avali
   <svg>
     <g
       class="g-plot stacked-bar"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Bar/__snapshots__/Bars.unit.tsx.snap b/packages/react/src/lib/components/Plots/Bar/__snapshots__/Bars.unit.tsx.snap
index 7ead4b52..a7da2e11 100644
--- a/packages/react/src/lib/components/Plots/Bar/__snapshots__/Bars.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Bar/__snapshots__/Bars.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Bars Grouped using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot grouped-bar"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`Bars Stacked using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-bar"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
diff --git a/packages/react/src/lib/components/Plots/Column/Column/__snapshots__/Column.unit.tsx.snap b/packages/react/src/lib/components/Plots/Column/Column/__snapshots__/Column.unit.tsx.snap
index 32785b34..35f4c11d 100644
--- a/packages/react/src/lib/components/Plots/Column/Column/__snapshots__/Column.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Column/Column/__snapshots__/Column.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Column using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot column"
+      clip-path="url(#clip-path-test)"
     >
       <rect
         class="column"
@@ -32,6 +33,7 @@ exports[`Column using SVG should skip rendering if there is no x scale avaliable
   <svg>
     <g
       class="g-plot column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -42,6 +44,7 @@ exports[`Column using SVG should skip rendering if there is no y scale avaliable
   <svg>
     <g
       class="g-plot column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Column/GroupedColumn/__snapshots__/GroupedColumn.unit.tsx.snap b/packages/react/src/lib/components/Plots/Column/GroupedColumn/__snapshots__/GroupedColumn.unit.tsx.snap
index 368f500b..efc8f073 100644
--- a/packages/react/src/lib/components/Plots/Column/GroupedColumn/__snapshots__/GroupedColumn.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Column/GroupedColumn/__snapshots__/GroupedColumn.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`GroupedColumn using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot grouped-column"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`GroupedColumn using SVG should skip rendering if there is no x scale av
   <svg>
     <g
       class="g-plot grouped-column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -62,6 +64,7 @@ exports[`GroupedColumn using SVG should skip rendering if there is no y scale av
   <svg>
     <g
       class="g-plot grouped-column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Column/StackedColumn/__snapshots__/StackedColumn.unit.tsx.snap b/packages/react/src/lib/components/Plots/Column/StackedColumn/__snapshots__/StackedColumn.unit.tsx.snap
index 5e8edc91..c3ed5633 100644
--- a/packages/react/src/lib/components/Plots/Column/StackedColumn/__snapshots__/StackedColumn.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Column/StackedColumn/__snapshots__/StackedColumn.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`StackedColumn using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-column"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`StackedColumn using SVG should skip rendering if there is no x scale av
   <svg>
     <g
       class="g-plot stacked-column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -62,6 +64,7 @@ exports[`StackedColumn using SVG should skip rendering if there is no y scale av
   <svg>
     <g
       class="g-plot stacked-column"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Column/__snapshots__/Columns.unit.tsx.snap b/packages/react/src/lib/components/Plots/Column/__snapshots__/Columns.unit.tsx.snap
index a17e100e..eeb037b1 100644
--- a/packages/react/src/lib/components/Plots/Column/__snapshots__/Columns.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Column/__snapshots__/Columns.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Columns Grouped using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot grouped-column"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
@@ -52,6 +53,7 @@ exports[`Columns Stacked using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot stacked-column"
+      clip-path="url(#clip-path-test)"
     >
       <g>
         <rect
diff --git a/packages/react/src/lib/components/Plots/Line/Line/__snapshots__/Line.unit.tsx.snap b/packages/react/src/lib/components/Plots/Line/Line/__snapshots__/Line.unit.tsx.snap
index f2c969e8..ec71d93d 100644
--- a/packages/react/src/lib/components/Plots/Line/Line/__snapshots__/Line.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Line/Line/__snapshots__/Line.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Line using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot line"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="line"
@@ -26,6 +27,7 @@ exports[`Line using SVG should skip rendering if there is no x scale avaliable 1
   <svg>
     <g
       class="g-plot line"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -36,6 +38,7 @@ exports[`Line using SVG should skip rendering if there is no y scale avaliable 1
   <svg>
     <g
       class="g-plot line"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Line/__snapshots__/Lines.unit.tsx.snap b/packages/react/src/lib/components/Plots/Line/__snapshots__/Lines.unit.tsx.snap
index fb1cd144..a4f46343 100644
--- a/packages/react/src/lib/components/Plots/Line/__snapshots__/Lines.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Line/__snapshots__/Lines.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Lines Multiple Series using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot line"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="line"
@@ -19,6 +20,7 @@ exports[`Lines Multiple Series using SVG should render correctly 1`] = `
     </g>
     <g
       class="g-plot line"
+      clip-path="url(#clip-path-test)"
     >
       <path
         class="line"
diff --git a/packages/react/src/lib/components/Plots/Scatter/Scatter/__snapshots__/Scatter.unit.tsx.snap b/packages/react/src/lib/components/Plots/Scatter/Scatter/__snapshots__/Scatter.unit.tsx.snap
index 3fa1677d..26e08422 100644
--- a/packages/react/src/lib/components/Plots/Scatter/Scatter/__snapshots__/Scatter.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Scatter/Scatter/__snapshots__/Scatter.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Scatter using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot scatter"
+      clip-path="url(#clip-path-test)"
     >
       <circle
         class="scatter-point"
@@ -30,6 +31,7 @@ exports[`Scatter using SVG should skip rendering if there is no x scale avaliabl
   <svg>
     <g
       class="g-plot scatter"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
@@ -40,6 +42,7 @@ exports[`Scatter using SVG should skip rendering if there is no y scale avaliabl
   <svg>
     <g
       class="g-plot scatter"
+      clip-path="url(#clip-path-test)"
     />
   </svg>
 </DocumentFragment>
diff --git a/packages/react/src/lib/components/Plots/Scatter/__snapshots__/Scatters.unit.tsx.snap b/packages/react/src/lib/components/Plots/Scatter/__snapshots__/Scatters.unit.tsx.snap
index 0e4fee93..46bea678 100644
--- a/packages/react/src/lib/components/Plots/Scatter/__snapshots__/Scatters.unit.tsx.snap
+++ b/packages/react/src/lib/components/Plots/Scatter/__snapshots__/Scatters.unit.tsx.snap
@@ -5,6 +5,7 @@ exports[`Scatters using SVG should render correctly 1`] = `
   <svg>
     <g
       class="g-plot scatter"
+      clip-path="url(#clip-path-test)"
     >
       <circle
         class="scatter-point"
@@ -23,6 +24,7 @@ exports[`Scatters using SVG should render correctly 1`] = `
     </g>
     <g
       class="g-plot scatter"
+      clip-path="url(#clip-path-test)"
     >
       <circle
         class="scatter-point"
diff --git a/packages/react/src/lib/components/XYChart/XYChart.tsx b/packages/react/src/lib/components/XYChart/XYChart.tsx
index cfbec629..2f345243 100644
--- a/packages/react/src/lib/components/XYChart/XYChart.tsx
+++ b/packages/react/src/lib/components/XYChart/XYChart.tsx
@@ -1,5 +1,5 @@
-import React from "react";
 import { IMargin } from "@chart-it/types";
+import React from "react";
 
 import { Chart, IChartProps } from "../Chart";
 import { Crosshair } from "../Crosshair";
diff --git a/packages/react/src/lib/components/ZoomBrush/ZoomBrush.tsx b/packages/react/src/lib/components/ZoomBrush/ZoomBrush.tsx
index e36bb409..996a534e 100644
--- a/packages/react/src/lib/components/ZoomBrush/ZoomBrush.tsx
+++ b/packages/react/src/lib/components/ZoomBrush/ZoomBrush.tsx
@@ -1,7 +1,7 @@
 import { IMargin } from "@chart-it/types";
 import React from "react";
-import { DEFAULT_BRUSH_MARGIN } from "./constants";
 
+import { DEFAULT_BRUSH_MARGIN } from "./constants";
 import { getBrushPlots } from "./getBrushPlots";
 import { HorizontalZoomBrush } from "./HorizontalZoomBrush";
 
diff --git a/packages/react/src/lib/store/chart/chartActions.ts b/packages/react/src/lib/store/chart/chartActions.ts
index 2c0db071..1ffdabb2 100644
--- a/packages/react/src/lib/store/chart/chartActions.ts
+++ b/packages/react/src/lib/store/chart/chartActions.ts
@@ -4,8 +4,8 @@ import type {
     AddLegendItemAction,
     RemoveLegendItemAction,
     SetAnimationDurationAction,
-    SetBrushRangeAction,
     SetBrushDimensionsAction,
+    SetBrushRangeAction,
     SetChartIDAction,
     SetDataAction,
     SetDimensionAction,
diff --git a/packages/react/src/lib/store/chart/chartSelectors.ts b/packages/react/src/lib/store/chart/chartSelectors.ts
index 3a503f30..92dff6ea 100644
--- a/packages/react/src/lib/store/chart/chartSelectors.ts
+++ b/packages/react/src/lib/store/chart/chartSelectors.ts
@@ -1,5 +1,5 @@
 import type { IData, ILegendItem, IMargin, IScale, IScaleMode, ITheme } from "@chart-it/types";
-import { memoize, memoizeWithArgs } from "proxy-memoize";
+import { memoizeWithArgs } from "proxy-memoize";
 
 import type {
     IChartScaleInfo,
diff --git a/packages/react/src/lib/store/chart/tests/chartReducer.unit.ts b/packages/react/src/lib/store/chart/tests/chartReducer.unit.ts
index bb664f74..49f9ffef 100644
--- a/packages/react/src/lib/store/chart/tests/chartReducer.unit.ts
+++ b/packages/react/src/lib/store/chart/tests/chartReducer.unit.ts
@@ -8,8 +8,8 @@ import type {
     AddLegendItemAction,
     RemoveLegendItemAction,
     SetAnimationDurationAction,
-    SetBrushRangeAction,
     SetBrushDimensionsAction,
+    SetBrushRangeAction,
     SetChartIDAction,
     SetDataAction,
     SetDimensionAction,
diff --git a/packages/react/src/lib/testUtils/createMockStore.ts b/packages/react/src/lib/testUtils/createMockStore.ts
index 1d90ae81..85e675dd 100644
--- a/packages/react/src/lib/testUtils/createMockStore.ts
+++ b/packages/react/src/lib/testUtils/createMockStore.ts
@@ -9,7 +9,7 @@ export function createMockStore(state: { chart?: any; event?: any }): IStore {
     return {
         getState: () => ({
             chart: {
-                ...defaultChartState,
+                ...{ ...defaultChartState, id: "test" },
                 ...(state.chart ?? {}),
             },
             event: {