Test coverage for desktop-view

test coverage for instructor-resource-tab/partners

Author: RoyEJohnson

src/app/pages/details/desktop-view/instructor-resource-tab/partners/partners.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import {useNavigate} from 'react-router-dom';
 import PartnerCard from '~/components/partner-card/partner-card';
+import {assertNotNull} from '~/helpers/data';
 import './partners.scss';
 
 type PartnerBlurb = {
@@ -32,12 +33,10 @@ export default function Partners({
         (event: React.MouseEvent<HTMLAnchorElement>) => {
             const destUrl = event.currentTarget.getAttribute('href');
 
-            if (destUrl) {
-                navigate(destUrl, {
-                    book: bookAbbreviation,
-                    redirect: true
-                } as never);
-            }
+            navigate(assertNotNull(destUrl), {
+                book: bookAbbreviation,
+                redirect: true
+            } as never);
             event.preventDefault();
         },
         [navigate, bookAbbreviation]

test/src/data/details-college-algebra.js

@@ -1313,7 +1313,19 @@ const details = {
     },
     "partner_list_label": "Technology Partners",
     "partner_page_link_text": "See all partners",
-    "videos": [],
+    "videos": [
+        {
+            "type": "video",
+            "value": [
+                {
+                    "title": "Interface",
+                    "description": "<p data-block-key=\"ftocg\">As the world’s largest producer of carpet tile and other flooring materials, Interface is everywhere. Their modular products foster a great degree of creativity and innovation in interior design and function, and allow their clients to have a positive impact on the world around them. Interface’s sustainability principles and initiatives -- Mission Zero and Climate Take Back -- have led to powerful community engagement and revolutionary technological enhancements.<br/><br/>This video is part of the OpenStax Business series, which showcases entrepreneurs and businesses with a focus on purpose, principles, and best business practices. It can be used with any OpenStax business textbook.</p>",
+                    "embed": "<script src=\"https://fast.wistia.com/embed/medias/hyb2pj6nrg.jsonp\" async></script><script src=\"https://fast.wistia.com/assets/external/E-v1.js\" async></script><div class=\"wistia_embed wistia_async_hyb2pj6nrg\" style=\"height:360px;position:relative;width:640px\"><div class=\"wistia_swatch\" style=\"height:100%;left:0;opacity:0;overflow:hidden;position:absolute;top:0;transition:opacity 200ms;width:100%;\"><img src=\"https://fast.wistia.com/embed/medias/hyb2pj6nrg/swatch\" style=\"filter:blur(5px);height:100%;object-fit:contain;width:100%;\" alt=\"\" aria-hidden=\"true\" onload=\"this.parentNode.style.opacity=1;\" /></div></div>"
+                }
+            ],
+            "id": "28d0ee63-04e0-4128-ba2b-9239b7da5e4e"
+        }
+    ],
     "promote_image": null,
     "last_updated_pdf": null,
     "featured_resources_header": null

test/src/pages/details/details.test.tsx

@@ -8,6 +8,7 @@ import ShellContextProvider from '~/../../test/helpers/shell-context';
 import * as DH from '~/helpers/use-document-head';
 import $ from '~/helpers/$';
 import * as WC from '~/contexts/window';
+import * as RBU from '~/pages/details/common/resource-box/resource-box-utils';
 
 // Tamp down meaningless errors
 jest.mock('~/models/rex-release', () =>
@@ -27,10 +28,10 @@ jest.spyOn(DH, 'setPageTitleAndDescriptionFromBookData').mockReturnValue();
 const spyIsPolish = jest.spyOn($, 'isPolish');
 const spyWindowContext = jest.spyOn(WC, 'default');
 
-function Component() {
+function Component({path='/details/books/college-algebra'}) {
     return (
         <ShellContextProvider>
-            <MemoryRouter initialEntries={['/details/books/college-algebra']}>
+            <MemoryRouter initialEntries={[path]}>
                 <Routes>
                     <Route
                         path="/details/books/:title"
@@ -58,27 +59,74 @@ function lengthOfView(phoneOrBigger: string) {
 }
 
 describe('Details page', () => {
+    const user = userEvent.setup();
+    const saveWarn = console.warn;
+
     beforeEach(() => {
         document.head.innerHTML = '';
         const el = document.createElement('meta');
 
         el.setAttribute('name', 'description');
         document.head.appendChild(el);
     });
+    console.debug = jest.fn();
 
-    it('renders book', async () => {
+    it('renders book with video data', async () => {
          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         spyWindowContext.mockReturnValue({innerWidth: 1280} as any);
         render(<Component />);
         await finishedRendering();
         expect(lengthOfView('phone')).toBeUndefined();
-        expect(lengthOfView('bigger')).toBe(98);
+        expect(lengthOfView('bigger')).toBe(794);
 
         const jsonLdScript = document.head.querySelector('script');
 
         expect(jsonLdScript?.textContent).toEqual(
             expect.stringContaining('mainEntity')
         );
+        const tabs = screen.getAllByRole('tab');
+
+        expect(tabs).toHaveLength(4);
+        // These do not seem to update the tab state as expected, though they
+        // do exercise some code.
+        await user.click(tabs[1]);
+    });
+    it('renders with Student tab selected', async () => {
+        const mockLocation = jest.spyOn(window, 'location', 'get').mockReturnValue({
+            ...window.location,
+            search: '?Student%20resources'
+        });
+
+        render(<Component path='/details/books/biology-2e' />);
+        const tabs = await screen.findAllByRole('tab');
+
+        expect(tabs[2].getAttribute('aria-selected')).toBe('true');
+        await user.click(tabs[1]);
+        mockLocation.mockRestore();
+    });
+    it('renders with Instructor tab selected', async () => {
+        jest.spyOn(RBU, 'useResources').mockReturnValue({
+            bookVideoFacultyResources: [],
+            bookFacultyResources: []
+        });
+        const mockLocation = jest.spyOn(window, 'location', 'get').mockReturnValue({
+            ...window.location,
+            search: '?Instructor%20resources'
+        });
+
+        render(<Component />);
+        await finishedRendering();
+        const tabs = screen.getAllByRole('tab');
+
+        expect(tabs[1].getAttribute('aria-selected')).toBe('true');
+        await user.click(tabs[2]);
+
+        screen.getByRole('heading', {name: 'Technology Partners'});
+        console.warn = jest.fn();
+        await user.click(screen.getByRole('link', {name: 'MagicBox E-Reader'}));
+        expect(console.warn).toHaveBeenCalled();
+        console.warn = saveWarn;
+        mockLocation.mockRestore();
     });
     it('renders Polish book', async () => {
         spyIsPolish.mockReturnValue(true);
@@ -116,7 +164,6 @@ describe('Details page', () => {
         await finishedRendering();
         const authorToggle = await screen.findByText('Authors');
         const detailsEl = authorToggle.closest('details');
-        const user = userEvent.setup();
 
         await user.click(authorToggle);
         expect(detailsEl?.open).toBe(true);