@truedat/dd 8.4.4 → 8.4.5

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

@@ -14,6 +14,14 @@ jest.mock("../../hooks/useCheckoutGrantRequest", () => ({
   useCheckoutGrantRequest: jest.fn(),
 }));
 
+jest.mock("../../hooks/useTemplatesByIds", () => ({
+  useTemplatesByIds: jest.fn(),
+}));
+
+jest.mock("@truedat/auth/hooks/useUsers", () => ({
+  useGrantRequestableUsers: jest.fn(),
+}));
+
 jest.mock("react-redux", () => {
   const actual = jest.requireActual("react-redux");
   return {
@@ -23,8 +31,14 @@ jest.mock("react-redux", () => {
 });
 
 const { useWebContext } = require("@truedat/core/webContext");
-const { useTemplateRelations } = require("@truedat/df/hooks/useTemplateRelations");
-const { useCheckoutGrantRequest } = require("../../hooks/useCheckoutGrantRequest");
+const {
+  useTemplateRelations,
+} = require("@truedat/df/hooks/useTemplateRelations");
+const {
+  useCheckoutGrantRequest,
+} = require("../../hooks/useCheckoutGrantRequest");
+const { useTemplatesByIds } = require("../../hooks/useTemplatesByIds");
+const { useGrantRequestableUsers } = require("@truedat/auth/hooks/useUsers");
 const { useDispatch } = require("react-redux");
 
 const grantRequestsCartWithModification = {
@@ -69,19 +83,100 @@ const grantRequestsCartMultiGroup = {
   validCart: false,
   user: { id: "1", valid: true },
   structures: [
-    { id: 101, system_id: 10, system: { id: 10 } },
-    { id: 102, system_id: 10, system: { id: 10 } },
-    { id: 201, system_id: 20, system: { id: 20 } },
+    {
+      id: 101,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1],
+      domains: [{ id: 1, name: "Domain 1" }],
+    },
+    {
+      id: 102,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1],
+      domains: [{ id: 1, name: "Domain 1" }],
+    },
+    {
+      id: 201,
+      system_id: 20,
+      system: { id: 20, name: "System B" },
+      domain_ids: [2],
+      domains: [{ id: 2, name: "Domain 2" }],
+    },
   ],
   groupTemplates: {
-    "1": { template: "Template A", templateContent: {}, valid: true },
-    "2": { template: "Template B", templateContent: {}, valid: false },
-    others: { template: null, templateContent: {}, valid: false },
+    nodomain_10_1: { template: "Template A", templateContent: {}, valid: true },
+    nodomain_20_2: {
+      template: "Template B",
+      templateContent: {},
+      valid: false,
+    },
   },
 };
 
+const grantRequestsCartWithDomainGrouping = {
+  template: null,
+  templateContent: {},
+  modificationGrant: null,
+  validCart: false,
+  user: { id: "1", valid: true },
+  structures: [
+    {
+      id: 101,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1],
+      domains: [{ id: 1, name: "Domain 1" }],
+    },
+    {
+      id: 102,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [2],
+      domains: [{ id: 2, name: "Domain 2" }],
+    },
+    {
+      id: 103,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1, 2],
+      domains: [
+        { id: 1, name: "Domain 1" },
+        { id: 2, name: "Domain 2" },
+      ],
+    },
+  ],
+  groupTemplates: {},
+};
+
+const grantRequestsCartSingleDomain = {
+  template: null,
+  templateContent: {},
+  modificationGrant: null,
+  validCart: false,
+  user: { id: "1", valid: true },
+  structures: [
+    {
+      id: 101,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1],
+      domains: [{ id: 1, name: "Domain 1" }],
+    },
+    {
+      id: 102,
+      system_id: 10,
+      system: { id: 10, name: "System A" },
+      domain_ids: [1],
+      domains: [{ id: 1, name: "Domain 1" }],
+    },
+  ],
+  groupTemplates: {},
+};
+
 describe("StructureGrantCartCheckout", () => {
-  const mockTrigger = jest.fn();
+  const mockTrigger = jest.fn().mockResolvedValue({});
   const mockDispatch = jest.fn();
   const mockInitGroupTemplates = jest.fn();
   const mockSelectGrantRequestTemplateForGroup = jest.fn();
@@ -103,6 +198,8 @@ describe("StructureGrantCartCheckout", () => {
       trigger: mockTrigger,
       isMutating: false,
     });
+    useTemplatesByIds.mockReturnValue({});
+    useGrantRequestableUsers.mockReturnValue({ users: [], trigger: jest.fn() });
     useDispatch.mockReturnValue(mockDispatch);
   });
 
@@ -116,7 +213,7 @@ describe("StructureGrantCartCheckout", () => {
     useTemplateRelations.mockReturnValue({ resource: [] });
     const rendered = render(
       <StructureGrantCartCheckout {...defaultProps} />,
-      renderOpts
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
@@ -129,7 +226,10 @@ describe("StructureGrantCartCheckout", () => {
       ...defaultProps,
       grantRequestsCart: grantRequestsCartSingle,
     };
-    const rendered = render(<StructureGrantCartCheckout {...props} />, renderOpts);
+    const rendered = render(
+      <StructureGrantCartCheckout {...props} />,
+      renderOpts,
+    );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();
   });
@@ -151,7 +251,108 @@ describe("StructureGrantCartCheckout", () => {
     };
     const rendered = render(
       <StructureGrantCartCheckout {...defaultProps} />,
-      multiRenderOpts
+      multiRenderOpts,
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches snapshot with group_by_domain enabled for system - shows domain titles", async () => {
+    useWebContext.mockReturnValue({ scopesWithRelations: ["gr"] });
+    useTemplateRelations.mockReturnValue({
+      resource: [{ resource_id: 10, template_id: 1, group_by_domain: true }],
+      default: { template_id: 1, group_by_domain: true },
+    });
+    const props = {
+      ...defaultProps,
+      grantRequestsCart: grantRequestsCartWithDomainGrouping,
+    };
+    const renderOpts = {
+      state: { grantRequestsCart: grantRequestsCartWithDomainGrouping },
+      mocks: [
+        singleTemplateMock({ scope: "gr" }),
+        domainsMock({ action: "createForeignGrantRequest" }),
+      ],
+    };
+    const rendered = render(
+      <StructureGrantCartCheckout {...props} />,
+      renderOpts,
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches snapshot with gr scope - shows system titles", async () => {
+    useWebContext.mockReturnValue({ scopesWithRelations: ["gr"] });
+    useTemplateRelations.mockReturnValue({
+      resource: [
+        { resource_id: 10, template_id: 1 },
+        { resource_id: 20, template_id: 2 },
+      ],
+    });
+    const props = {
+      ...defaultProps,
+      grantRequestsCart: grantRequestsCartMultiGroup,
+    };
+    const renderOpts = {
+      state: { grantRequestsCart: grantRequestsCartMultiGroup },
+      mocks: [
+        singleTemplateMock({ scope: "gr" }),
+        domainsMock({ action: "createForeignGrantRequest" }),
+      ],
+    };
+    const rendered = render(
+      <StructureGrantCartCheckout {...props} />,
+      renderOpts,
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches snapshot without gr scope - does not show system or domain titles", async () => {
+    useWebContext.mockReturnValue({ scopesWithRelations: [] });
+    useTemplateRelations.mockReturnValue({
+      resource: [],
+    });
+    const props = {
+      ...defaultProps,
+      grantRequestsCart: grantRequestsCartMultiGroup,
+    };
+    const renderOpts = {
+      state: { grantRequestsCart: grantRequestsCartMultiGroup },
+      mocks: [
+        singleTemplateMock({ scope: "gr" }),
+        domainsMock({ action: "createForeignGrantRequest" }),
+      ],
+    };
+    const rendered = render(
+      <StructureGrantCartCheckout {...props} />,
+      renderOpts,
+    );
+    await waitForLoad(rendered);
+    expect(rendered.container).toMatchSnapshot();
+  });
+
+  it("matches snapshot with single domain - shows singular domain message", async () => {
+    useWebContext.mockReturnValue({ scopesWithRelations: ["gr"] });
+    useTemplateRelations.mockReturnValue({
+      resource: [{ resource_id: 10, template_id: 1, group_by_domain: true }],
+      default: { template_id: 1, group_by_domain: true },
+    });
+    const props = {
+      ...defaultProps,
+      grantRequestsCart: grantRequestsCartSingleDomain,
+    };
+    const renderOpts = {
+      state: { grantRequestsCart: grantRequestsCartSingleDomain },
+      mocks: [
+        singleTemplateMock({ scope: "gr" }),
+        domainsMock({ action: "createForeignGrantRequest" }),
+      ],
+    };
+    const rendered = render(
+      <StructureGrantCartCheckout {...props} />,
+      renderOpts,
     );
     await waitForLoad(rendered);
     expect(rendered.container).toMatchSnapshot();