refactor: enhance ColumnResizer test structure and update snapshot

Author: yordan-st

packages/pluggableWidgets/datagrid-web/src/components/__tests__/ColumnResizer.spec.tsx

@@ -1,10 +1,26 @@
 import "@testing-library/jest-dom";
 import { render } from "@testing-library/react";
+import { ContainerProvider } from "brandi-react";
+import { createDatagridContainer } from "../../model/containers/createDatagridContainer";
+import { CORE_TOKENS as CORE } from "../../model/tokens";
+import { mockContainerProps } from "../../utils/test-utils";
+import { ColumnProvider } from "../ColumnProvider";
 import { ColumnResizer } from "../ColumnResizer";
 
 describe("Column Resizer", () => {
     it("renders the structure correctly", () => {
-        const component = render(<ColumnResizer setColumnWidth={jest.fn()} />);
+        const props = mockContainerProps();
+        const [container] = createDatagridContainer(props);
+        const columnsStore = container.get(CORE.columnsStore);
+        const column = columnsStore.visibleColumns[0];
+
+        const component = render(
+            <ContainerProvider container={container}>
+                <ColumnProvider column={column}>
+                    <ColumnResizer />
+                </ColumnProvider>
+            </ContainerProvider>
+        );
 
         expect(component).toMatchSnapshot();
     });

packages/pluggableWidgets/datagrid-web/src/components/__tests__/__snapshots__/ColumnResizer.spec.tsx.snap

@@ -13,6 +13,7 @@ exports[`Column Resizer renders the structure correctly 1`] = `
           class="column-resizer-bar"
         />
       </div>
+       
     </div>
   </body>,
   "container": <div>
@@ -24,6 +25,7 @@ exports[`Column Resizer renders the structure correctly 1`] = `
         class="column-resizer-bar"
       />
     </div>
+     
   </div>,
   "debug": [Function],
   "findAllByAltText": [Function],