@thepalaceproject/circulation-admin 1.29.0-post.2 → 1.29.0-post.3

package/package.json

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

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

@@ -5,6 +5,7 @@ import {
   useAppEmail,
   useAppFeatureFlags,
   useCsrfToken,
+  useTermsOfService,
 } from "../../../src/context/appContext";
 import { componentWithProviders } from "../testUtils/withProviders";
 import { ContextProviderProps } from "../../../src/components/ContextProvider";
@@ -25,12 +26,18 @@ describe("AppContext", () => {
     testFalse: false,
   };
   const expectedRoles = [{ role: "system" }];
+  const expectedTermsOfService = {
+    text: "Terms of Service",
+    href: "/terms-of-service",
+  };
 
   const contextProviderProps: ContextProviderProps = {
     csrfToken: expectedCsrfToken,
     featureFlags: expectedFeatureFlags,
     roles: expectedRoles,
     email: expectedEmail,
+    tos_link_text: expectedTermsOfService.text,
+    tos_link_href: expectedTermsOfService.href,
   };
   const wrapper = componentWithProviders({ contextProviderProps });
 
@@ -69,4 +76,15 @@ 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);
+  });
 });

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>
   );