Tests

Author: RoyEJohnson

src/app/components/form-input/form-input.js

@@ -88,7 +88,7 @@ function ValidatingInput({value, inputProps, onChange, accepted}) {
 }
 
 export default function FormInput({label, longLabel, inputProps, suggestions}) {
-    const [value, setValue] = useState('');
+    const [value, setValue] = useState(inputProps.value ?? '');
     const {onChange: otherOnChange, ...otherProps} = inputProps;
     const [matches, exactMatch] = useMatches(value.toLowerCase(), suggestions);
     const [accepted, setAccepted] = useState(!suggestions?.length);

src/app/components/school-selector/school-selector.tsx

@@ -95,11 +95,7 @@ function SchoolInfo() {
 }
 
 
-function SchoolHiddenInfo({school}: {school: School}) {
-    if (!school) {
-        return null;
-    }
-
+function SchoolHiddenInfo({school}: {school: Exclude<School, null>}) {
     return (
         <React.Fragment>
             <input type="hidden" name="school_type" value={school.type} />

test/src/components/school-selector.test.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import {render, waitFor} from '@testing-library/preact';
+import SchoolSelector from '~/components/school-selector/school-selector';
+import {LanguageContextProvider} from '~/contexts/language';
+import * as UMS from '~/models/use-school-suggestion-list';
+
+jest.mock('~/helpers/main-class-hooks', () => ({
+    useMainSticky: () => jest.fn()
+}));
+
+describe('school-selector', () => {
+    it('sets a hidden field when there is a selected school', async () => {
+        jest.spyOn(UMS, 'default').mockReturnValue({
+            schoolNames: ['one'],
+            schoolIsOk: true,
+            selectedSchool: {
+                location: 'loc',
+                // eslint-disable-next-line camelcase
+                total_school_enrollment: null,
+                type: 'college'
+            }
+        } as any); // eslint-disable-line @typescript-eslint/no-explicit-any
+        render(
+            <LanguageContextProvider>
+                <SchoolSelector />
+            </LanguageContextProvider>
+        );
+
+        const selector = '[name="school_type"]';
+
+        await waitFor(() => expect(document.querySelector<HTMLInputElement>(selector)).toBeTruthy());
+        const schoolType = document.querySelector<HTMLInputElement>(selector);
+
+        expect(schoolType?.value).toBe('college');
+    });
+});

test/src/models/use-school-suggestion-list.test.tsx

@@ -30,7 +30,7 @@ describe('models/use-school-suggestion-list', () => {
         jest.spyOn(USDC, 'default').mockReturnValue({
             flags: {my_openstax: true} // eslint-disable-line camelcase
         } as ReturnType<typeof USDC.default>);
-        jest.spyOn(SFF, 'default').mockResolvedValue([]);
+        jest.spyOn(SFF, 'default').mockResolvedValue(undefined);
         render(<Component searchTerm="Rice" />);
         jest.runAllTimers();
         screen.getByText(0);

test/src/pages/details/get-this-title/give-before-other.test.tsx

@@ -3,10 +3,15 @@ import {render, screen} from '@testing-library/preact';
 import userEvent from '@testing-library/user-event';
 import GiveBeforeOther from '~/pages/details/common/get-this-title-files/give-before-pdf/give-before-other';
 import { MemoryRouter } from 'react-router-dom';
+import {LanguageContextProvider} from '~/contexts/language';
 import * as TY from '~/pages/details/common/get-this-title-files/give-before-pdf/thank-you-form';
 
 type PopupData = Parameters<typeof GiveBeforeOther>[0]['data'];
 
+jest.mock('~/helpers/main-class-hooks', () => ({
+    useMainSticky: () => jest.fn()
+}));
+
 describe('give-before-other', () => {
     const close = jest.fn();
     const data = {} as unknown as PopupData; // doesn't matter
@@ -56,15 +61,17 @@ describe('give-before-other', () => {
             onThankYouClick: () => null
         });
         render(
-            <MemoryRouter initialEntries={['']}>
-                <GiveBeforeOther
-                    link='#gbo-link'
-                    close={close}
-                    data={data}
-                    onDownload={onDownload}
-                    variant='Download resource'
-                />
-            </MemoryRouter>
+            <LanguageContextProvider>
+                <MemoryRouter initialEntries={['']}>
+                    <GiveBeforeOther
+                        link='#gbo-link'
+                        close={close}
+                        data={data}
+                        onDownload={onDownload}
+                        variant='Download resource'
+                    />
+                </MemoryRouter>
+            </LanguageContextProvider>
         );
         expect(screen.getAllByRole('textbox')).toHaveLength(5);
         screen.getByText('Send us a thank you note');

test/src/pages/details/get-this-title/give-before-pdf.test.tsx

@@ -2,11 +2,16 @@ import React from 'react';
 import {fireEvent, render, screen} from '@testing-library/preact';
 import userEvent from '@testing-library/user-event';
 import {MemoryRouter} from 'react-router-dom';
+import {LanguageContextProvider} from '~/contexts/language';
 import GiveBeforePdf from '~/pages/details/common/get-this-title-files/give-before-pdf/give-before-pdf';
 // eslint-disable-next-line max-len
 import type {DonationPopupData} from '~/pages/details/common/get-this-title-files/give-before-pdf/use-donation-popup-data';
 import * as TY from '~/pages/details/common/get-this-title-files/give-before-pdf/thank-you-form';
 
+jest.mock('~/helpers/main-class-hooks', () => ({
+    useMainSticky: () => jest.fn()
+}));
+
 jest.useFakeTimers();
 const user = userEvent.setup({advanceTimers: jest.advanceTimersByTime});
 const close = jest.fn();
@@ -32,7 +37,6 @@ describe('give-before-pdf', () => {
     const originalError = console.error;
 
     afterEach(() => {
-        jest.resetAllMocks();
         jest.restoreAllMocks();
     });
 
@@ -53,16 +57,18 @@ describe('give-before-pdf', () => {
     });
     it('shows Thank You', async () => {
         render(
-            <ShowThankYouButton>
-                <MemoryRouter initialEntries={['']}>
-                    <GiveBeforePdf
-                        link="gbp-link"
-                        close={close}
-                        data={data}
-                        onDownload={onDownload}
-                    />
-                </MemoryRouter>
-            </ShowThankYouButton>
+            <LanguageContextProvider>
+                <ShowThankYouButton>
+                    <MemoryRouter initialEntries={['']}>
+                        <GiveBeforePdf
+                            link="gbp-link"
+                            close={close}
+                            data={data}
+                            onDownload={onDownload}
+                        />
+                    </MemoryRouter>
+                </ShowThankYouButton>
+            </LanguageContextProvider>
         );
         await user.click(await screen.findByRole('button'));
         await screen.findByText('Go to your file');
@@ -75,23 +81,25 @@ describe('give-before-pdf', () => {
             onThankYouClick: () => thankYouClick()
         });
         render(
-            <MemoryRouter initialEntries={['']}>
-                <GiveBeforePdf
-                    link="gbp-link"
-                    close={close}
-                    data={data}
-                    onDownload={onDownload}
-                    track="thanks"
-                />
-            </MemoryRouter>
+            <LanguageContextProvider>
+                <MemoryRouter initialEntries={['']}>
+                    <GiveBeforePdf
+                        link="gbp-link"
+                        close={close}
+                        data={data}
+                        onDownload={onDownload}
+                        track="thanks"
+                    />
+                </MemoryRouter>
+            </LanguageContextProvider>
         );
         jest.runAllTimers();
         await screen.findByRole('heading', {
             level: 1,
             name: 'Send us a thank you note'
         });
         screen.getAllByRole('textbox').forEach((el) => {
-            fireEvent.input(el, {target: {value: 'something'}});
+            fireEvent.input(el, {target: {value: 'Casper College'}});
         });
         await user.click(screen.getByRole('checkbox'));
         console.error = jest.fn();
@@ -130,6 +138,7 @@ describe('give-before-pdf', () => {
         await user.click(goLink);
         jest.runAllTimers();
         expect(onDownload).toHaveBeenCalled();
+        jest.resetAllMocks();
     });
     it('Handle close without onDownload', async () => {
         expect(close).not.toHaveBeenCalled();