unit test part 1

services/ui-src/src/components/export/ExportedReportBanner.test.tsx

@@ -0,0 +1,19 @@
+import { render, screen } from "@testing-library/react";
+import { ExportedReportBanner } from "./ExportedReportBanner";
+import userEvent from "@testing-library/user-event";
+import qmVerbiage from "verbiage/export/qm-export";
+
+describe("ExportedReportBanner", () => {
+  beforeEach(() => {
+    render(<ExportedReportBanner></ExportedReportBanner>);
+    jest.spyOn(window, "print").mockImplementation(() => {});
+  });
+  it("ExportedReportBanner is visible", () => {
+    expect(screen.getByText(qmVerbiage.reportBanner.intro)).toBeInTheDocument();
+  });
+  it("Test click of print button", async () => {
+    const pdfButton = screen.getByText("Download PDF");
+    await userEvent.click(pdfButton);
+    expect(window.print).toBeCalled();
+  });
+});

services/ui-src/src/components/pages/Export/ExportedReportPage.test.tsx

@@ -0,0 +1,32 @@
+import { screen, render } from "@testing-library/react";
+import { useStore } from "utils";
+import { ExportedReportPage } from "./ExportedReportPage";
+
+jest.mock("utils", () => ({
+  useStore: jest.fn(),
+}));
+
+const report = {
+  type: "QM",
+  id: "mock-report-id",
+  state: "CO",
+  title: "mock-title",
+  pages: [
+    { childPageIds: ["1", "2"] },
+    { title: "Section 1", id: "id-1" },
+    { title: "Section 2", id: "id-2" },
+  ],
+};
+
+describe("ExportedReportPage", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    (useStore as unknown as jest.Mock).mockReturnValue({
+      report: report,
+    });
+  });
+  it("ExportReportPage is visible", () => {
+    render(<ExportedReportPage></ExportedReportPage>);
+    expect(screen.getByText("CO mock-title")).toBeInTheDocument();
+  });
+});

services/ui-src/src/components/pages/Export/ExportedReportPage.tsx

@@ -74,9 +74,10 @@ export const renderReportSections = (
     )
     .map(
       (
-        section: ParentPageTemplate | FormPageTemplate | MeasurePageTemplate
+        section: ParentPageTemplate | FormPageTemplate | MeasurePageTemplate,
+        idx
       ) => (
-        <Box key={section.id} mt="3.5rem">
+        <Box key={`${section.id}.${idx}`} mt="3.5rem">
           {renderSection(section)}
         </Box>
       )

services/ui-src/src/types/report.ts

@@ -47,7 +47,7 @@ export type ParentPageTemplate = {
   id: PageId;
   childPageIds: PageId[];
   title?: undefined;
-  type?: undefined;
+  type?: PageElement;
   elements?: undefined;
   sidebar?: undefined;
   hideNavButtons?: undefined;