Add jest test

src/components/QuicksightDashboard.tsx

@@ -28,7 +28,7 @@ export interface QuicksightDashboardState {
   embedUrl: string;
 }
 
-export class QuicksightDashboard extends React.Component<
+class QuicksightDashboard extends React.Component<
   QuicksightDashboardProps,
   QuicksightDashboardState
 > {
@@ -43,7 +43,7 @@ export class QuicksightDashboard extends React.Component<
 
     this.props.fetchLibraries().then((libs) => {
       const library_uuids: string = libs.libraries
-        .slice(0, 5)
+        .slice(0, Math.min(1, 10))// TODO: remove this once  https://github.com/ThePalaceProject/circulation/pull/1577 is merged
         .map((l) => l.uuid)
         .join(",");
       try {
@@ -67,6 +67,7 @@ export class QuicksightDashboard extends React.Component<
   render(): JSX.Element {
     return (
       <iframe
+          role="iframe"
         title="Quicksight Dashboard"
         height="1200"
         width="100%"

tests/jest/components/QuicksightDashboard.test.tsx

@@ -0,0 +1,51 @@
+import * as React from "react";
+import {screen, waitFor} from "@testing-library/react";
+
+import QuicksightDashboard from "../../../src/components/QuicksightDashboard";
+import {LibrariesData, LibraryData} from "../../../src/interfaces";
+import buildStore, {RootState} from "../../../src/store"
+import {setupServer} from "msw/node";
+import {rest} from "msw";
+import renderWithContext from "../testUtils/renderWithContext";
+
+const libraries: LibrariesData = {libraries: [{uuid: "my-uuid"}]};
+const dashboardId = "test";
+const embedUrl = "http://embedUrl"
+const dashboardUrlData = {embedUrl: embedUrl}
+
+describe("QuicksightDashboard", () => {
+  const server = setupServer(
+      rest.get("*/admin/libraries", (req, res, ctx) => res(ctx.json(libraries))),
+
+      rest.get("*/admin/quicksight_embed/" + dashboardId + "?libraryUuids=" + libraries["libraries"][0]["uuid"], (req, res, ctx) => res(ctx.json(dashboardUrlData)))
+  );
+
+  beforeAll(() => {
+    server.listen();
+  });
+
+  afterAll(() => {
+    server.close();
+  });
+
+  it("embed url is retrieved and set in iframe", async () => {
+
+    const contextProviderProps = {
+      csrfToken: "",
+      roles: [{role: "system"}],
+
+    };
+
+    renderWithContext(
+        <QuicksightDashboard
+            dashboardId={dashboardId}
+            store={buildStore()}
+        />,
+        contextProviderProps
+    );
+
+    await waitFor(() => {
+      expect(screen.getByRole('iframe')).toHaveAttribute("src", embedUrl)
+    });
+  });
+});