@thepalaceproject/circulation-admin 1.29.0 → 1.30.0-post.1

package/package.json

@@ -151,5 +151,5 @@
     "*.{js,jsx,ts,tsx,css,md}": "prettier --write",
     "*.{js,css,md}": "prettier --write"
   },
-  "version": "1.29.0"
+  "version": "1.30.0-post.1"
 }

package/tests/jest/components/CirculationEventsDownload.test.tsx

@@ -0,0 +1,66 @@
+import * as React from "react";
+import { screen, fireEvent } from "@testing-library/react";
+import "@testing-library/jest-dom";
+
+import CirculationEventsDownload from "../../../src/components/CirculationEventsDownload";
+import { ContextProviderProps } from "../../../src/components/ContextProvider";
+import { FeatureFlags } from "../../../src/interfaces";
+import { defaultFeatureFlags } from "../../../src/utils/featureFlags";
+import { renderWithProviders } from "../testUtils/withProviders";
+
+describe("CirculationEventsDownload", () => {
+  it("renders nothing if showCircEventsDownload feature flag is false", () => {
+    const featureFlags: FeatureFlags = {
+      ...defaultFeatureFlags,
+      showCircEventsDownload: false,
+    };
+    const contextProviderProps: Partial<ContextProviderProps> = {
+      featureFlags,
+    };
+    const { container } = renderWithProviders(
+      <CirculationEventsDownload library="testlib" />,
+      {
+        contextProviderProps,
+      }
+    );
+    expect(container).toBeEmptyDOMElement();
+  });
+
+  describe("when showCircEventsDownload feature flag is true", () => {
+    const featureFlags: FeatureFlags = {
+      ...defaultFeatureFlags,
+      showCircEventsDownload: true,
+    };
+    const libraryProp = "testlib";
+    const contextProviderProps: Partial<ContextProviderProps> = {
+      featureFlags,
+    };
+
+    beforeEach(() => {
+      renderWithProviders(<CirculationEventsDownload library={libraryProp} />, {
+        contextProviderProps,
+      });
+    });
+
+    it("renders a download button", () => {
+      expect(
+        screen.getByRole("button", { name: "Download CSV" })
+      ).toBeInTheDocument();
+    });
+
+    it("shows the form when the download button is clicked", () => {
+      const downloadButton = screen.getByRole("button", {
+        name: "Download CSV",
+      });
+      fireEvent.click(downloadButton);
+      expect(
+        screen.getByRole("heading", { name: "Download CSV" })
+      ).toBeInTheDocument();
+      expect(
+        screen.getByRole("button", { name: "Download" })
+      ).toBeInTheDocument();
+      expect(screen.getByText("Start Date")).toBeInTheDocument();
+      expect(screen.getByText("End Date")).toBeInTheDocument();
+    });
+  });
+});

package/tests/jest/context/AppContext.test.tsx

@@ -5,6 +5,8 @@ import {
   useAppEmail,
   useAppFeatureFlags,
   useCsrfToken,
+  useTermsOfService,
+  useSupportContactUrl,
 } from "../../../src/context/appContext";
 import { componentWithProviders } from "../testUtils/withProviders";
 import { ContextProviderProps } from "../../../src/components/ContextProvider";
@@ -25,12 +27,20 @@ describe("AppContext", () => {
     testFalse: false,
   };
   const expectedRoles = [{ role: "system" }];
+  const expectedTermsOfService = {
+    text: "Terms of Service",
+    href: "/terms-of-service",
+  };
+  const expectedSupportContactUrl = "helpdesk@example.com";
 
   const contextProviderProps: ContextProviderProps = {
     csrfToken: expectedCsrfToken,
     featureFlags: expectedFeatureFlags,
     roles: expectedRoles,
     email: expectedEmail,
+    tos_link_text: expectedTermsOfService.text,
+    tos_link_href: expectedTermsOfService.href,
+    support_contact_url: expectedSupportContactUrl,
   };
   const wrapper = componentWithProviders({ contextProviderProps });
 
@@ -41,6 +51,7 @@ describe("AppContext", () => {
     expect(value.admin.email).toEqual(expectedEmail);
     expect(value.admin.roles).toEqual(expectedRoles);
     expect(value.featureFlags).toEqual(expectedFeatureFlags);
+    expect(value.support_contact_url).toEqual(expectedSupportContactUrl);
   });
 
   it("provides useAppAdmin context hook", () => {
@@ -69,4 +80,22 @@ describe("AppContext", () => {
     const flags = result.current;
     expect(flags).toEqual(expectedFeatureFlags);
   });
+
+  it("provides useTermsOfService context hook", () => {
+    const { result } = renderHook(() => useTermsOfService(), {
+      wrapper,
+    });
+    const tosLink = result.current;
+    const { text, href } = tosLink;
+    expect(tosLink).toEqual(expectedTermsOfService);
+    expect(text).toEqual(expectedTermsOfService.text);
+    expect(href).toEqual(expectedTermsOfService.href);
+  });
+  it("provides useSupportContactUrl context hook", () => {
+    const { result } = renderHook(() => useSupportContactUrl(), {
+      wrapper,
+    });
+    const supportContactUrl = result.current;
+    expect(supportContactUrl).toEqual(expectedSupportContactUrl);
+  });
 });

package/tests/jest/testUtils/withProviders.tsx

@@ -7,15 +7,10 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { render, RenderOptions, RenderResult } from "@testing-library/react";
 import { defaultFeatureFlags } from "../../../src/utils/featureFlags";
 import { store } from "../../../src/store";
-import {
-  TOSContextProvider,
-  TOSContextProviderProps,
-} from "../../../src/components/TOSContext";
 
 export type TestProviderWrapperOptions = {
   reduxProviderProps?: ProviderProps;
   contextProviderProps?: Partial<ContextProviderProps>;
-  tosContextProviderProps?: TOSContextProviderProps;
   queryClient?: QueryClient;
 };
 export type TestRenderWrapperOptions = TestProviderWrapperOptions & {
@@ -26,13 +21,6 @@ export type TestRenderWrapperOptions = TestProviderWrapperOptions & {
 // be the same for both the Redux Provider and the ContextProvider.
 const defaultReduxStore = store;
 
-// Setup default TOSContext provider props.
-const tosText = "Sample terms of service.";
-const tosHref = "http://example.com/terms-of-service";
-const requiredTOSContextProviderProps: TOSContextProviderProps = {
-  ...[tosText, tosHref],
-};
-
 // The `csrfToken` context provider prop is required, so we provide
 // a default value here, so it can be easily merged with other props.
 const requiredContextProviderProps: ContextProviderProps = {
@@ -47,7 +35,6 @@ const requiredContextProviderProps: ContextProviderProps = {
  * @param {TestProviderWrapperOptions} options
  * @param options.reduxProviderProps Props to pass to the Redux `Provider` wrapper
  * @param {ContextProviderProps} options.contextProviderProps Props to pass to the ContextProvider wrapper
- * @param {TOSContextProviderProps} options.tosContextProviderProps Props to pass to the TOSContextProvider wrapper
  * @param {QueryClient} options.queryClient A `tanstack/react-query` QueryClient
  * @returns {React.FunctionComponent} A React component that wraps children with our providers
  */
@@ -59,7 +46,6 @@ export const componentWithProviders = ({
     csrfToken: "",
     featureFlags: defaultFeatureFlags,
   },
-  tosContextProviderProps = requiredTOSContextProviderProps,
   queryClient = new QueryClient(),
 }: TestProviderWrapperOptions = {}): React.FunctionComponent => {
   const effectiveContextProviderProps = {
@@ -70,11 +56,9 @@ export const componentWithProviders = ({
   const wrapper = ({ children }) => (
     <Provider {...reduxProviderProps}>
       <ContextProvider {...effectiveContextProviderProps}>
-        <TOSContextProvider value={tosContextProviderProps}>
-          <QueryClientProvider client={queryClient}>
-            {children}
-          </QueryClientProvider>
-        </TOSContextProvider>
+        <QueryClientProvider client={queryClient}>
+          {children}
+        </QueryClientProvider>
       </ContextProvider>
     </Provider>
   );