Add tests

Author: b-yogesh

chartlets.js/packages/lib/src/plugins/mui/Table.test.tsx

@@ -0,0 +1,80 @@
+import { describe, expect, it } from "vitest";
+import { fireEvent, render, screen } from "@testing-library/react";
+import { Table } from "./Table";
+import { createChangeHandler } from "@/plugins/mui/common.test";
+
+describe("Table", () => {
+  const mockColumns = [
+    { field: "id", headerName: "ID" },
+    { field: "name", headerName: "Name" },
+  ];
+  const mockRows = [{ id: 1, name: "MockRow" }];
+  const paginationModel = { page: 1, pageSize: 10 };
+
+  it("should render the Table component", () => {
+    render(
+      <Table
+        columns={mockColumns}
+        rows={mockRows}
+        type="Table"
+        id="tableId"
+        onChange={() => {}}
+        paginationModel={paginationModel}
+        pageSizeOptions={[10, 25, 50]}
+      />,
+    );
+    expect(screen.getByRole("grid")).toBeInTheDocument();
+    expect(screen.getByText("MockRow")).toBeInTheDocument();
+  });
+
+  it("should handle row click", () => {
+    const { recordedEvents, onChange } = createChangeHandler();
+    render(
+      <Table
+        columns={mockColumns}
+        rows={mockRows}
+        type="Table"
+        id="tableId"
+        onChange={onChange}
+      />,
+    );
+
+    const row = screen.getByRole("row", { name: /1/ });
+    fireEvent.click(row);
+
+    expect(recordedEvents.length).toBe(1);
+    expect(recordedEvents[0].componentType).toBe("Table");
+    expect(recordedEvents[0].id).toBe("tableId");
+    expect(recordedEvents[0].property).toBe("value");
+    expect(recordedEvents[0].value).toEqual(mockRows[0]);
+  });
+
+  it("should render with other props correctly", () => {
+    render(
+      <Table
+        columns={mockColumns}
+        rows={mockRows}
+        type="Table"
+        id="tableId"
+        onChange={() => {}}
+        ariaLabel="Test Table"
+        autoPageSize={true}
+        checkboxSelection={true}
+        density="compact"
+        disableColumnFilter={true}
+        loading={true}
+      />,
+    );
+    expect(screen.getByTestId("data-grid-test-id")).toHaveAttribute(
+      "aria-label",
+      "Test Table",
+    );
+  });
+
+  it("should not render if no columns are provided", () => {
+    render(
+      <Table rows={mockRows} type="Table" id="tableId" onChange={() => {}} />,
+    );
+    expect(screen.queryByRole("grid")).not.toBeInTheDocument();
+  });
+});

chartlets.py/tests/components/table_test.py

@@ -0,0 +1,26 @@
+from chartlets.components.charts.table import Table
+from tests.component_test import make_base
+
+
+class TableTest(make_base(Table)):
+    def test_is_json_serializable(self):
+        columns = [
+            {"field": "id", "headerName": "ID"},
+            {"field": "firstName", "headerName": "First Name"},
+            {"field": "lastName", "headerName": "Last Name"},
+            {"field": "age", "headerName": "Age"},
+        ]
+        rows = [
+            {"id": 1, "firstName": "John", "lastName": "Doe", "age": 30},
+            {"id": 2, "firstName": "Jane", "lastName": "Smith", "age": 25},
+        ]
+        self.assert_is_json_serializable(
+            self.cls(rows=rows, columns=columns, id="my-table", checkboxSelection=True),
+            {
+                "type": "Table",
+                "id": "my-table",
+                "rows": rows,
+                "columns": columns,
+                "checkboxSelection": True,
+            },
+        )