fix: tab page unit test

Author: Rodra

src/tab-page/TabPage.jsx

@@ -5,7 +5,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { Navigate } from 'react-router-dom';
 
 import Footer from '@edx/frontend-component-footer';
-// import { Toast } from '@openedx/paragon';
+import { Toast } from '@openedx/paragon';
 import { LearningHeader as Header } from '@edx/frontend-component-header';
 import PageLoading from '../generic/PageLoading';
 import { getAccessDeniedRedirectUrl } from '../shared/access';
@@ -47,9 +47,9 @@ const TabPage = ({ intl, ...props }) => {
 
   return (
     <>
-      {['loaded', 'denied'].includes(courseStatus) && (
+      {['loaded', 'denied'].includes(courseStatus) && injectIntl(
         <>
-          {/* <Toast
+          <Toast
             action={toastBodyText ? {
               label: toastBodyText,
               href: toastBodyLink,
@@ -59,9 +59,9 @@ const TabPage = ({ intl, ...props }) => {
             show={!!(toastHeader)}
           >
             {toastHeader}
-          </Toast> */}
+          </Toast>
           {metadataModel === 'courseHomeMeta' && (<LaunchCourseHomeTourButton srOnly />)}
-        </>
+        </>,
       )}
 
       <Header courseOrg={org} courseNumber={number} courseTitle={title} />

src/tab-page/TabPage.test.jsx

@@ -3,7 +3,7 @@ import { getConfig } from '@edx/frontend-platform';
 import MockAdapter from 'axios-mock-adapter';
 import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import {
-  initializeTestStore, logUnhandledRequests, render, screen,
+  initializeTestStore, logUnhandledRequests, render, screen, waitFor,
 } from '../setupTest';
 import { TabPage } from './index';
 import { executeThunk } from '../utils';
@@ -53,8 +53,10 @@ describe('Tab Page', () => {
 
     await executeThunk(thunks.resetDeadlines('courseId', model, getTabDataMock), testStore.dispatch);
 
-    expect(screen.getByText('test-toast-header')).toBeInTheDocument();
-    expect(screen.getByText('test-toast-body')).toBeInTheDocument();
+    waitFor(() => {
+      expect(screen.getByText('test-toast-header')).toBeInTheDocument();
+      expect(screen.getByText('test-toast-body')).toBeInTheDocument();
+    });
   });
 
   it('displays Loaded Tab Page', () => {