Tests

Author: RoyEJohnson

test/helpers/future-memory-router.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import {MemoryRouter} from 'react-router-dom';
+
+// @ts-expect-error does not exist on
+const {routerFuture} = global;
+
+export default function FutureMemoryRouter(props: Parameters<typeof MemoryRouter>[0]) {
+    return <MemoryRouter {...props} future={routerFuture} />;
+}

test/src/components/shell.test.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 import {render, screen} from '@testing-library/preact';
 import AppElement from '~/components/shell/shell';
-import {BrowserRouter, MemoryRouter as MR} from 'react-router-dom';
+import * as RRD from 'react-router-dom';
+import MR from '~/../../test/helpers/future-memory-router';
 import ReactModal from 'react-modal';
 
-// @ts-expect-error does not exist on
-const {routerFuture} = global;
+const {BrowserRouter} = RRD;
 
 jest.mock('react-router-dom', () => {
     const actualRouterDom = jest.requireActual('react-router-dom');
@@ -37,7 +37,7 @@ describe('shell', () => {
         console.warn = jest.fn();
         console.debug = jest.fn();
         (BrowserRouter as jest.Mock).mockImplementationOnce(({children}) => (
-            <MR initialEntries={['/embedded/contact']} future={routerFuture}>{children}</MR>
+            <MR initialEntries={['/embedded/contact']} >{children}</MR>
         ));
 
         render(AppElement);
@@ -46,7 +46,7 @@ describe('shell', () => {
     });
     it('Delivers normal contact page', async () => {
         (BrowserRouter as jest.Mock).mockImplementationOnce(({children}) => (
-            <MR initialEntries={['/contact']} future={routerFuture}>{children}</MR>
+            <MR initialEntries={['/contact']}>{children}</MR>
         ));
 
         render(AppElement);
@@ -63,4 +63,15 @@ describe('shell', () => {
         (ReactModal.setAppElement as jest.Mock).mockImplementation(() => externalResolution('ok'));
         await modalCalled;
     });
+    it('delivers press page in a portal', async () => {
+        (BrowserRouter as jest.Mock).mockImplementationOnce(({children}) => (
+            <MR initialEntries={['/some-portal/press']}>{children}</MR>
+        ));
+        jest.spyOn(RRD, 'useParams').mockReturnValue({portal: 'some-portal', '*': '/contact'});
+
+        render(AppElement);
+        const pressLink = await screen.findByRole('link', {name: 'Press'});
+
+        expect(pressLink.getAttribute('href')).toBe('/some-portal/press');
+    });
 });

test/src/pages/adoption/adoption.test.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import {render, screen} from '@testing-library/preact';
+import userEvent from '@testing-library/user-event';
+import AdoptionForm from '~/pages/adoption/adoption';
+import FormHeader from '~/components/form-header/form-header';
+import MemoryRouter from '~/../../test/helpers/future-memory-router';
+import {MainClassContextProvider} from '~/contexts/main-class';
+import {SharedDataContextProvider} from '~/contexts/shared-data';
+import {LanguageContextProvider} from '~/contexts/language';
+import usePortalContext, {PortalContextProvider} from '~/contexts/portal';
+
+describe('adoption-form', () => {
+    const saveWarn = console.warn;
+
+    beforeAll(() => {
+        console.warn = jest.fn();
+    });
+    afterAll(() => {
+        console.warn = saveWarn;
+    });
+
+    beforeEach(async () => {
+        render(
+            <LanguageContextProvider>
+                <SharedDataContextProvider>
+                    <MemoryRouter
+                        initialEntries={['/details/books/college-algebra', '/adoption']}
+                    >
+                        <MainClassContextProvider>
+                            <AdoptionForm />
+                        </MainClassContextProvider>
+                    </MemoryRouter>
+                </SharedDataContextProvider>
+            </LanguageContextProvider>
+        );
+        await screen.findByText(/Let us know you're using/);
+    });
+
+    it('creates with role selector', () =>
+        expect(screen.queryAllByRole('option', {hidden: true})).toHaveLength(8));
+
+    it('form appears when role is selected', async () => {
+        const listBoxes = screen.queryAllByRole('listbox');
+        const user = userEvent.setup();
+
+        await user.click(listBoxes[1]);
+        const options = await screen.findAllByRole('option', {hidden: true});
+        const instructorOption = options.find(
+            (o) => o.textContent === 'Instructor'
+        );
+
+        await user.click(instructorOption as HTMLElement);
+        await screen.findByRole('form');
+    });
+});
+
+describe('form-header in portal', () => {
+    function Component() {
+        const {setPortal} = usePortalContext();
+
+        setPortal('some-portal');
+
+        return <FormHeader prefix="adoption" />;
+    }
+
+    it('rewrites links', async () => {
+        render(
+            <LanguageContextProvider>
+                <MemoryRouter initialEntries={['/some-portal/adoption']}>
+                    <PortalContextProvider>
+                        <Component />
+                    </PortalContextProvider>
+                </MemoryRouter>
+            </LanguageContextProvider>
+        );
+        const link = await screen.findByRole('link');
+
+        expect(link.getAttribute('href')).toBe('/some-portal/interest');
+    });
+});