tests please

Author: walker-sean

src/frontend/src/tests/pages/ChangeRequestDetailPage/ChangeRequestDetailsView.test.tsx

@@ -22,6 +22,7 @@ import {
   mockGetCurrentUserValue
 } from '../../test-support/mock-hooks';
 import { exampleAuthenticatedAdminUser } from '../../test-support/test-data/authenticated-user.stub';
+import ClarityProvider from '../../../app/ClarityProvider';
 
 vi.mock('../../../hooks/projects.hooks');
 vi.mock('../../../hooks/users.hooks');
@@ -47,18 +48,20 @@ const mockUseLogUserInHook = (isLoading: boolean, isError: boolean, error?: Erro
 const renderComponent = (cr: ChangeRequest, allowed: boolean = false) => {
   const RouterWrapper = routerWrapperBuilder({});
   return render(
-    <AppContextUser>
-      <ToastProvider>
-        <RouterWrapper>
-          <ChangeRequestDetailsView
-            changeRequest={cr}
-            isUserAllowedToReview={allowed}
-            isUserAllowedToImplement={allowed}
-            isUserAllowedToDelete={allowed}
-          />
-        </RouterWrapper>
-      </ToastProvider>
-    </AppContextUser>
+    <ClarityProvider>
+      <AppContextUser>
+        <ToastProvider>
+          <RouterWrapper>
+            <ChangeRequestDetailsView
+              changeRequest={cr}
+              isUserAllowedToReview={allowed}
+              isUserAllowedToImplement={allowed}
+              isUserAllowedToDelete={allowed}
+            />
+          </RouterWrapper>
+        </ToastProvider>
+      </AppContextUser>
+    </ClarityProvider>
   );
 };
 

src/frontend/src/tests/pages/ChangeRequestDetailPage/ProposedSolutionsList.test.tsx

@@ -11,6 +11,7 @@ import { ToastProvider } from '../../../components/Toast/ToastProvider';
 import AppContextUser from '../../../app/AppContextUser';
 import * as userHooks from '../../../hooks/users.hooks';
 import { exampleAuthenticatedAdminUser } from '../../test-support/test-data/authenticated-user.stub';
+import ClarityProvider from '../../../app/ClarityProvider';
 
 const exampleProposedSolution1: ProposedSolution = {
   id: '1',
@@ -42,13 +43,15 @@ const exampleProposedSolutions = [exampleProposedSolution1, exampleProposedSolut
 const renderComponent = (proposedSolutions: ProposedSolution[] = [], crReviewed: boolean | undefined = undefined) => {
   const RouterWrapper = routerWrapperBuilder({});
   return render(
-    <AppContextUser>
-      <RouterWrapper>
-        <ToastProvider>
-          <ProposedSolutionsList proposedSolutions={proposedSolutions} crReviewed={crReviewed} crId={'0'} />{' '}
-        </ToastProvider>
-      </RouterWrapper>
-    </AppContextUser>
+    <ClarityProvider>
+      <AppContextUser>
+        <RouterWrapper>
+          <ToastProvider>
+            <ProposedSolutionsList proposedSolutions={proposedSolutions} crReviewed={crReviewed} crId={'0'} />{' '}
+          </ToastProvider>
+        </RouterWrapper>
+      </AppContextUser>
+    </ClarityProvider>
   );
 };
 

src/frontend/src/tests/pages/CreateChangeRequestPage/CreateProposedSolutionsList.test.tsx

@@ -10,18 +10,21 @@ import { mockAuth } from '../../test-support/test-data/test-utils.stub';
 import * as userHooks from '../../../hooks/users.hooks';
 import AppContextUser from '../../../app/AppContextUser';
 import { exampleAuthenticatedAdminUser } from '../../test-support/test-data/authenticated-user.stub';
+import ClarityProvider from '../../../app/ClarityProvider';
 
 /**
  * Sets up the component under test with the desired values and renders it.
  */
 const renderComponent = () => {
   const RouterWrapper = routerWrapperBuilder({});
   return render(
-    <AppContextUser>
-      <RouterWrapper>
-        <CreateProposedSolutionsList proposedSolutions={[]} setProposedSolutions={() => {}} />
-      </RouterWrapper>
-    </AppContextUser>
+    <ClarityProvider>
+      <AppContextUser>
+        <RouterWrapper>
+          <CreateProposedSolutionsList proposedSolutions={[]} setProposedSolutions={() => {}} />
+        </RouterWrapper>
+      </AppContextUser>
+    </ClarityProvider>
   );
 };
 

src/frontend/src/tests/pages/WorkPackageDetailPage/WorkPackagePage.test.tsx

@@ -19,6 +19,7 @@ import {
   exampleAuthenticatedAdminUser,
   exampleAuthenticatedGuestUser
 } from '../../test-support/test-data/authenticated-user.stub';
+import ClarityProvider from '../../../app/ClarityProvider';
 
 vi.mock('../../../hooks/work-packages.hooks');
 
@@ -54,9 +55,11 @@ const renderComponent = () => {
   const RouterWrapper = routerWrapperBuilder({});
   return render(
     <RouterWrapper>
-      <AppContextUser>
-        <WorkPackagePage wbsNum={exampleWbsProject1} />
-      </AppContextUser>
+      <ClarityProvider>
+        <AppContextUser>
+          <WorkPackagePage wbsNum={exampleWbsProject1} />
+        </AppContextUser>
+      </ClarityProvider>
     </RouterWrapper>
   );
 };

src/frontend/src/tests/pages/WorkPackageDetailPage/WorkPackageViewContainer/WorkPackageViewContainer.test.tsx

@@ -11,6 +11,7 @@ import AppContextUser from '../../../../app/AppContextUser';
 import * as userHooks from '../../../../hooks/users.hooks';
 import { mockManyWorkPackages } from '../../../test-support/mock-hooks';
 import { exampleAuthenticatedAdminUser } from '../../../test-support/test-data/authenticated-user.stub';
+import ClarityProvider from '../../../../app/ClarityProvider';
 
 // Sets up the component under test with the desired values and renders it.
 const renderComponent = (
@@ -24,17 +25,19 @@ const renderComponent = (
   const RouterWrapper = routerWrapperBuilder({});
   return render(
     <RouterWrapper>
-      <AppContextUser>
-        <WorkPackageViewContainer
-          workPackage={workPackage}
-          enterEditMode={() => null}
-          allowEdit={allowEdit}
-          allowActivate={allowActivate}
-          allowStageGate={allowStageGate}
-          allowRequestChange={allowRequestChange}
-          allowDelete={allowDelete}
-        />
-      </AppContextUser>
+      <ClarityProvider>
+        <AppContextUser>
+          <WorkPackageViewContainer
+            workPackage={workPackage}
+            enterEditMode={() => null}
+            allowEdit={allowEdit}
+            allowActivate={allowActivate}
+            allowStageGate={allowStageGate}
+            allowRequestChange={allowRequestChange}
+            allowDelete={allowDelete}
+          />
+        </AppContextUser>
+      </ClarityProvider>
     </RouterWrapper>
   );
 };