@truedat/df 8.5.8 → 8.6.0

package/src/components/widgets/__tests__/GroupPreview.spec.js

@@ -0,0 +1,105 @@
+import { useQuery } from "@apollo/client";
+import { render } from "@truedat/test/render";
+import { GROUP_PREVIEW_QUERY } from "../../../api/queries";
+import { GroupPreview, GroupPreviewLoader } from "../GroupPreview";
+
+jest.mock("@apollo/client", () => {
+  const originalModule = jest.requireActual("@apollo/client");
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useQuery: jest.fn(),
+  };
+});
+
+describe("<GroupPreview />", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("renders group values with an icon instead of the prefix", () => {
+    const rendered = render(
+      <GroupPreview groups={[{ id: 123, name: "group:Group Alias" }]} />
+    );
+
+    expect(rendered.container.textContent).toBe("Group Alias");
+    expect(rendered.container.querySelector(".group.icon")).toBeInTheDocument();
+    expect(
+      rendered.getByRole("link", { name: /group alias/i })
+    ).toHaveAttribute("href", "/groups/123");
+  });
+
+  it("does not render user values", () => {
+    const rendered = render(
+      <GroupPreview
+        groups={["user:John Doe", { id: 123, name: "group:Group Alias" }]}
+      />
+    );
+
+    expect(rendered.container.textContent).toBe("Group Alias");
+    expect(
+      rendered.container.querySelector(".user.icon")
+    ).not.toBeInTheDocument();
+    expect(rendered.container.querySelector(".group.icon")).toBeInTheDocument();
+  });
+
+  it("renders string groups without a link when there is no group id", () => {
+    const rendered = render(
+      <GroupPreview groups={["group:Standalone Group"]} />
+    );
+
+    expect(rendered.container.textContent).toBe("Standalone Group");
+    expect(rendered.container.querySelector(".group.icon")).toBeInTheDocument();
+    expect(
+      rendered.queryByRole("link", { name: /standalone group/i })
+    ).not.toBeInTheDocument();
+  });
+
+  it("renders nothing when the loader query returns an error", () => {
+    useQuery.mockReturnValue({
+      loading: false,
+      error: new Error("boom"),
+      data: undefined,
+    });
+
+    const rendered = render(<GroupPreviewLoader groupId="123" />);
+
+    expect(useQuery).toHaveBeenCalledWith(GROUP_PREVIEW_QUERY, {
+      variables: { ids: ["123"] },
+    });
+    expect(rendered.container.firstChild).toBeNull();
+  });
+
+  it("renders a loading label while the group preview is loading", () => {
+    useQuery.mockReturnValue({
+      loading: true,
+      error: undefined,
+      data: undefined,
+    });
+
+    const rendered = render(<GroupPreviewLoader groupId={["123"]} />);
+
+    expect(useQuery).toHaveBeenCalledWith(GROUP_PREVIEW_QUERY, {
+      variables: { ids: ["123"] },
+    });
+    expect(rendered.getByText(/\.\.\./i)).toBeInTheDocument();
+  });
+
+  it("renders the fetched group preview when loading finishes", () => {
+    useQuery.mockReturnValue({
+      loading: false,
+      error: undefined,
+      data: {
+        groupDetails: [{ id: 123, name: "group:Group Alias" }],
+      },
+    });
+
+    const rendered = render(<GroupPreviewLoader groupId="123" />);
+
+    expect(
+      rendered.getByRole("link", { name: /group alias/i })
+    ).toHaveAttribute("href", "/groups/123");
+    expect(rendered.container.querySelector(".group.icon")).toBeInTheDocument();
+  });
+});

package/src/components/widgets/__tests__/UserGroupPreview.spec.js

@@ -0,0 +1,98 @@
+import { useQuery } from "@apollo/client";
+import { render } from "@truedat/test/render";
+import { USER_GROUP_PREVIEW_QUERY } from "../../../api/queries";
+import { UserGroupPreview, UserGroupPreviewLoader } from "../UserGroupPreview";
+
+jest.mock("@apollo/client", () => {
+  const originalModule = jest.requireActual("@apollo/client");
+
+  return {
+    __esModule: true,
+    ...originalModule,
+    useQuery: jest.fn(),
+  };
+});
+
+describe("<UserGroupPreview />", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("renders users and groups with icons instead of prefixes", () => {
+    const rendered = render(
+      <UserGroupPreview userGroups={["user:John Doe", "group:Group Alias"]} />,
+    );
+
+    expect(rendered.container.textContent).toBe("John DoeGroup Alias");
+    expect(rendered.container.querySelector(".user.icon")).toBeInTheDocument();
+    expect(rendered.container.querySelector(".group.icon")).toBeInTheDocument();
+  });
+
+  it("links group values and renders user values without a link", () => {
+    const rendered = render(
+      <UserGroupPreview
+        userGroups={[
+          { name: "user:John Doe" },
+          { id: 123, name: "group:Group Alias" },
+        ]}
+      />,
+    );
+
+    expect(rendered.getByText(/john doe/i).closest("a")).toBeNull();
+    expect(rendered.getByRole("link", { name: /group alias/i })).toHaveAttribute(
+      "href",
+      "/groups/123",
+    );
+  });
+
+  it("renders nothing when the loader query returns an error", () => {
+    useQuery.mockReturnValue({
+      loading: false,
+      error: new Error("boom"),
+      data: undefined,
+    });
+
+    const rendered = render(<UserGroupPreviewLoader userGroupId="123" />);
+
+    expect(useQuery).toHaveBeenCalledWith(USER_GROUP_PREVIEW_QUERY, {
+      variables: { ids: ["123"] },
+    });
+    expect(rendered.container.firstChild).toBeNull();
+  });
+
+  it("renders a loading label while the user group preview is loading", () => {
+    useQuery.mockReturnValue({
+      loading: true,
+      error: undefined,
+      data: undefined,
+    });
+
+    const rendered = render(<UserGroupPreviewLoader userGroupId={["123"]} />);
+
+    expect(useQuery).toHaveBeenCalledWith(USER_GROUP_PREVIEW_QUERY, {
+      variables: { ids: ["123"] },
+    });
+    expect(rendered.getByText(/\.\.\./i)).toBeInTheDocument();
+  });
+
+  it("renders the fetched user groups when loading finishes", () => {
+    useQuery.mockReturnValue({
+      loading: false,
+      error: undefined,
+      data: {
+        userGroupDetails: [
+          { name: "user:John Doe" },
+          { id: 123, name: "group:Group Alias" },
+        ],
+      },
+    });
+
+    const rendered = render(<UserGroupPreviewLoader userGroupId="123" />);
+
+    expect(rendered.getByText(/john doe/i).closest("a")).toBeNull();
+    expect(rendered.getByRole("link", { name: /group alias/i })).toHaveAttribute(
+      "href",
+      "/groups/123",
+    );
+  });
+});

package/src/messages/en.js

@@ -87,6 +87,7 @@ export default {
   "template.field.type.system": "System",
   "template.field.type.table": "Table",
   "template.field.type.url": "Url",
+  "template.field.type.group": "Group",
   "template.field.type.user_group": "User or Group",
   "template.field.type.user": "User",
   "template.field.type": "Type",

package/src/messages/es.js

@@ -87,6 +87,7 @@ export default {
   "template.field.type.system": "Sistema",
   "template.field.type.table": "Tabla",
   "template.field.type.url": "Enlace",
+  "template.field.type.group": "Grupo",
   "template.field.type.user_group": "Usuario o Grupo",
   "template.field.type.user": "Usuario",
   "template.field.type": "Tipo",