feat: refactor tests

src/course-home/progress-tab/grades/grade-summary/GradeSummaryHeader.jsx

@@ -10,8 +10,8 @@ import {
   IconButton,
 } from '@openedx/paragon';
 import { InfoOutline, Locked } from '@openedx/paragon/icons';
-import { useContextId } from '../../../../data/hooks';
 
+import { useContextId } from '../../../../data/hooks';
 import messages from '../messages';
 import { useModel } from '../../../../generic/model-store';
 
@@ -35,8 +35,9 @@ const GradeSummaryHeader = ({ allOfSomeAssignmentTypeIsLocked }) => {
       <Stack direction="horizontal" gap={2}>
         <h3 className="h4 m-0">{intl.formatMessage(messages.gradeSummary)}</h3>
         <OverlayTrigger
-          trigger="hover"
+          trigger="click"
           placement="top"
+          show={showTooltip}
           overlay={(
             <Tooltip>
               {intl.formatMessage(messages.gradeSummaryTooltipBody)}
@@ -48,9 +49,9 @@ const GradeSummaryHeader = ({ allOfSomeAssignmentTypeIsLocked }) => {
             onBlur={() => { setShowTooltip(false); }}
             onKeyDown={handleKeyDown}
             alt={intl.formatMessage(messages.gradeSummaryTooltipAlt)}
-            src={InfoOutline}
-            className="mb-3"
+            iconAs={InfoOutline}
             size="sm"
+            disabled={gradesFeatureIsFullyLocked}
           />
         </OverlayTrigger>
       </Stack>

src/course-home/progress-tab/grades/grade-summary/GradeSummaryHeader.test.jsx

@@ -54,20 +54,20 @@ describe('GradeSummaryHeader', () => {
     });
   });
 
-  it('hides tooltip on mouse out', async () => {
+  it('hides tooltip on click', async () => {
     renderComponent();
 
     const iconButton = screen.getByRole('button', {
       name: messages.gradeSummaryTooltipAlt.defaultMessage,
     });
 
-    fireEvent.mouseOver(iconButton);
+    fireEvent.click(iconButton);
 
     await waitFor(() => {
       expect(screen.getByText(messages.gradeSummaryTooltipBody.defaultMessage)).toBeVisible();
     });
 
-    fireEvent.mouseOut(iconButton);
+    fireEvent.click(iconButton);
 
     await waitFor(() => {
       expect(screen.queryByText(messages.gradeSummaryTooltipBody.defaultMessage)).toBeNull();