fix: Broken tests

Author: ChrisChV

plugins/course-apps/proctoring/Settings.test.jsx

@@ -468,8 +468,7 @@ describe('ProctoredExamSettings', () => {
       // (1) for studio settings
       // (2) waffle flags
       // (3) for course details
-      // (4) for course outline index (from CourseAuthoringProvider)
-      expect(axiosMock.history.get.length).toBe(4);
+      expect(axiosMock.history.get.length).toBe(3);
       expect(axiosMock.history.get[0].url.includes('proctored_exam_settings')).toEqual(true);
     });
 

src/course-outline/card-header/CardHeader.test.tsx

@@ -11,6 +11,7 @@ import CardHeader from './CardHeader';
 import TitleButton from './TitleButton';
 import messages from './messages';
 import { OutlineSidebarProvider } from '../outline-sidebar/OutlineSidebarContext';
+import { CourseOutlineProvider } from '../CourseOutlineContext';
 
 const onExpandMock = jest.fn();
 const onClickMenuButtonMock = jest.fn();
@@ -87,9 +88,11 @@ const renderComponent = (props?: object, entry = '/') => {
       },
       extraWrapper: ({ children }) => (
         <CourseAuthoringProvider courseId={courseId}>
-          <OutlineSidebarProvider>
-            {children}
-          </OutlineSidebarProvider>
+          <CourseOutlineProvider>
+            <OutlineSidebarProvider>
+              {children}
+            </OutlineSidebarProvider>
+          </CourseOutlineProvider>
         </CourseAuthoringProvider>
       ),
     },

src/course-outline/header-navigations/HeaderActions.test.tsx

@@ -3,7 +3,7 @@ import {
   fireEvent, initializeMocks, render, screen,
 } from '@src/testUtils';
 
-import { OutlineSidebarProvider } from '@src/course-outline';
+import { CourseOutlineProvider, OutlineSidebarProvider } from '@src/course-outline';
 import { CourseAuthoringProvider } from '@src/CourseAuthoringContext';
 import messages from './messages';
 import HeaderActions, { HeaderActionsProps } from './HeaderActions';
@@ -38,9 +38,11 @@ const renderComponent = (props?: Partial<HeaderActionsProps>) => render(
   {
     extraWrapper: ({ children }) => (
       <CourseAuthoringProvider courseId="1">
-        <OutlineSidebarProvider>
-          {children}
-        </OutlineSidebarProvider>
+        <CourseOutlineProvider>
+          <OutlineSidebarProvider>
+            {children}
+          </OutlineSidebarProvider>
+        </CourseOutlineProvider>
       </CourseAuthoringProvider>
     ),
   },