test: add grid component test

Author: iobuhov

package.json

@@ -49,6 +49,7 @@
             "@codemirror/state": "^6.5.2",
             "@codemirror/view": "^6.38.1",
             "@mendix/pluggable-widgets-tools": "10.21.2",
+            "@testing-library/react": ">=15.0.6",
             "@types/big.js": "^6.2.2",
             "@types/node": "~22.14.0",
             "@types/react": ">=18.2.36",

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

@@ -0,0 +1,33 @@
+import { render } from "@testing-library/react";
+import { ContainerProvider } from "brandi-react";
+import { createDatagridContainer } from "../../model/containers/createDatagridContainer";
+import { mockContainerProps } from "../../utils/test-utils";
+import { Grid } from "../Grid";
+
+describe("Grid", () => {
+    it("renders without crashing", () => {
+        const props = mockContainerProps();
+        const [container] = createDatagridContainer(props);
+        const { asFragment } = render(
+            <ContainerProvider container={container}>
+                <Grid>Test</Grid>
+            </ContainerProvider>
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+
+    it("renders without selector column", () => {
+        const [container] = createDatagridContainer({
+            ...mockContainerProps(),
+            columnsHidable: false
+        });
+        const { asFragment } = render(
+            <ContainerProvider container={container}>
+                <Grid>Test</Grid>
+            </ContainerProvider>
+        );
+
+        expect(asFragment()).toMatchSnapshot();
+    });
+});

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

@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Grid renders without crashing 1`] = `
+<DocumentFragment>
+  <div
+    class="widget-datagrid-grid table"
+    role="grid"
+    style="grid-template-columns: 1fr 1fr 54px;"
+  >
+    Test
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Grid renders without selector column 1`] = `
+<DocumentFragment>
+  <div
+    class="widget-datagrid-grid table"
+    role="grid"
+    style="grid-template-columns: 1fr 1fr;"
+  >
+    Test
+  </div>
+</DocumentFragment>
+`;