@truedat/dd 8.10.2 → 8.10.3

package/src/components/__tests__/LineageRoutes.spec.js

@@ -1,40 +1,9 @@
 import { render, waitForLoad } from "@truedat/test/render";
-import { useAuthorized } from "@truedat/core/hooks/useAuthorized";
-import { GRAPHS, GRAPH, LINEAGE_EVENTS, SAMPLE } from "@truedat/core/routes";
+import userEvent from "@testing-library/user-event";
+import { GRAPHS } from "@truedat/core/routes";
+import { LineageEventsPanel } from "../LineageEventsPanel";
 import { LineageRoutes } from "../LineageRoutes";
 
-// Mock the hooks module to use the mock implementation
-jest.mock("@truedat/core/hooks/useAuthorized");
-
-// Mock components used in LineageRoutes
-jest.mock(
-  "../LineageEvents",
-  () =>
-    function LineageEvents() {
-      return <div>LineageEvents</div>;
-    },
-);
-jest.mock(
-  "../LineageGraph",
-  () =>
-    function LineageGraph() {
-      return <div>LineageGraph</div>;
-    },
-);
-jest.mock(
-  "../LineageSample",
-  () =>
-    function LineageSample() {
-      return <div>LineageSample</div>;
-    },
-);
-jest.mock(
-  "../LineageForm",
-  () =>
-    function LineageForm() {
-      return <div>LineageForm</div>;
-    },
-);
 jest.mock(
   "../GraphLoader",
   () =>
@@ -42,19 +11,6 @@ jest.mock(
       return <div>GraphLoader</div>;
     },
 );
-jest.mock(
-  "../GraphRedirector",
-  () =>
-    function GraphRedirector() {
-      return <div>GraphRedirector</div>;
-    },
-);
-jest.mock("@truedat/core/components", () => ({
-  Unauthorized: function Unauthorized() {
-    return <div>Unauthorized</div>;
-  },
-  ...jest.requireActual("@truedat/core/components"),
-}));
 
 describe("<LineageRoutes />", () => {
   it("renders correctly with default route", async () => {
@@ -63,7 +19,6 @@ describe("<LineageRoutes />", () => {
     expect(rendered.container).toMatchSnapshot();
   });
 
-  // Test each specific route in the component
   it("renders correctly with GRAPHS route", async () => {
     const rendered = render(<LineageRoutes />, {
       routes: [GRAPHS],
@@ -71,37 +26,68 @@ describe("<LineageRoutes />", () => {
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
   });
+});
 
-  it("renders correctly with GRAPH route", async () => {
-    const rendered = render(<LineageRoutes />, {
-      routes: [GRAPH],
-    });
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
-
-  it("renders correctly with LINEAGE_EVENTS route", async () => {
-    const rendered = render(<LineageRoutes />, {
-      routes: [LINEAGE_EVENTS],
-    });
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
+describe("<LineageEventsPanel />", () => {
+  const lineageEvents = [
+    {
+      id: "old-lineage",
+      graph_id: 100,
+      graph_data: JSON.stringify(["node-b", "node-a"]),
+      type: "lineage",
+      status: "COMPLETED",
+      domain_name: "Finance",
+      inserted_at: "2021-11-26T10:09:27.168999Z",
+    },
+    {
+      id: "new-lineage",
+      graph_id: 101,
+      graph_data: JSON.stringify(["node-a", "node-b"]),
+      type: "lineage",
+      status: "COMPLETED",
+      domain_name: "Finance",
+      inserted_at: "2021-11-27T10:09:27.168999Z",
+    },
+    {
+      id: "impact-failed",
+      graph_id: 102,
+      graph_data: JSON.stringify(["node-a", "node-b"]),
+      type: "impact",
+      status: "FAILED",
+      message: "Graph generation failed",
+      inserted_at: "2021-11-28T10:09:27.168999Z",
+    },
+    {
+      id: "without-graph-id",
+      graph_data: JSON.stringify(["node-c"]),
+      status: "COMPLETED",
+      inserted_at: "2021-11-25T10:09:27.168999Z",
+    },
+  ];
 
-  it("renders correctly with SAMPLE route", async () => {
-    const rendered = render(<LineageRoutes />, {
-      routes: [SAMPLE],
-    });
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
-  });
+  it("renders each event as its own card with type and status", async () => {
+    const rendered = render(
+      <LineageEventsPanel
+        lineageEvents={lineageEvents}
+        lineageEventsLoading={false}
+      />,
+    );
+    const user = userEvent.setup({ delay: null });
 
-  it("renders unauthorized component when not authorized", async () => {
-    // For this test only, mock the return value as false
-    useAuthorized.mockReturnValueOnce(false);
+    expect(rendered.container.querySelectorAll("article")).toHaveLength(4);
+    expect(rendered.getByText("#101")).toBeInTheDocument();
+    expect(rendered.getByText("#100")).toBeInTheDocument();
+    expect(rendered.getByText("#102")).toBeInTheDocument();
+    expect(rendered.getByText("#without-graph-id")).toBeInTheDocument();
+    expect(rendered.getAllByText(/Finance/)).toHaveLength(2);
+    expect(rendered.getAllByText("OK")).toHaveLength(3);
+    expect(rendered.getByText("KO")).toBeInTheDocument();
+    expect(rendered.getAllByText("navigation.lineage.lineage")).toHaveLength(3);
+    expect(rendered.getByText("navigation.lineage.impact")).toBeInTheDocument();
 
-    const rendered = render(<LineageRoutes />);
-    await waitForLoad(rendered);
-    expect(rendered.container).toMatchSnapshot();
+    await user.click(rendered.getByLabelText("lineage.events.panel.error"));
+    expect(
+      await rendered.findByText("Graph generation failed"),
+    ).toBeInTheDocument();
   });
 });