Add role=status to points regions (#74)

* Add role=status to points regions [CORE-417] * Snapshots
openstax · Sep 24, 2024 · 9c213ed · 9c213ed
1 parent 37e3f8c
commit 9c213ed
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 2 deletions.
diff --git a/src/components/ExerciseQuestion.tsx b/src/components/ExerciseQuestion.tsx
@@ -122,7 +122,7 @@ export const ExerciseQuestion = React.forwardRef((props: ExerciseQuestionProps,
       </Question>
       <StepCardFooter className="step-card-footer">
         <div className="step-card-footer-inner">
-          <div className="points">
+          <div className="points" role="status">
             {available_points ? <strong>Points: {available_points}</strong> : null}
             <span className="attempts-left">
               {hasMultipleAttempts &&

diff --git a/src/components/FreeResponseInput.tsx b/src/components/FreeResponseInput.tsx
@@ -141,7 +141,7 @@ export const FreeResponseInput = (props: FreeResponseProps) => {
       </div>
       <StepCardFooter>
       {availablePoints
-        ? <div className="points"><strong>Points: {availablePoints}</strong></div>
+        ? <div className="points" role="status"><strong>Points: {availablePoints}</strong></div>
         : null}
         <div className="controls">
           <RevertButton disabled={!textHasChanged} onClick={cancelHandler} />

diff --git a/src/components/__snapshots__/Exercise.spec.tsx.snap b/src/components/__snapshots__/Exercise.spec.tsx.snap
@@ -176,6 +176,7 @@ exports[`Exercise using step data matches snapshot 1`] = `
               >
                 <div
                   className="points"
+                  role="status"
                 >
                   <span
                     className="attempts-left"
@@ -372,6 +373,7 @@ exports[`Exercise with question state data matches snapshot 1`] = `
               >
                 <div
                   className="points"
+                  role="status"
                 >
                   <span
                     className="attempts-left"
@@ -708,6 +710,7 @@ exports[`Exercise with question state data renders header icons with multiple ch
               >
                 <div
                   className="points"
+                  role="status"
                 >
                   <span
                     className="attempts-left"
@@ -1084,6 +1087,7 @@ exports[`Exercise with question state data renders header icons with two-step ex
               >
                 <div
                   className="points"
+                  role="status"
                 >
                   <span
                     className="attempts-left"
@@ -1280,6 +1284,7 @@ exports[`Exercise with question state data shows a detailed solution 1`] = `
               >
                 <div
                   className="points"
+                  role="status"
                 >
                   <span
                     className="attempts-left"

diff --git a/src/components/__snapshots__/ExerciseQuestion.spec.tsx.snap b/src/components/__snapshots__/ExerciseQuestion.spec.tsx.snap
@@ -125,6 +125,7 @@ exports[`ExerciseQuestion matches snapshot 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -282,6 +283,7 @@ exports[`ExerciseQuestion renders Re-submit button 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -440,6 +442,7 @@ exports[`ExerciseQuestion renders Save button 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -592,6 +595,7 @@ exports[`ExerciseQuestion renders all attempts remaining 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -756,6 +760,7 @@ exports[`ExerciseQuestion renders continue button (unused?) 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -901,6 +906,7 @@ exports[`ExerciseQuestion renders detailed solution and published comments 1`] =
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -1076,6 +1082,7 @@ exports[`ExerciseQuestion renders free response 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -1233,6 +1240,7 @@ exports[`ExerciseQuestion renders no attempts remaining 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 
@@ -1390,6 +1398,7 @@ exports[`ExerciseQuestion renders some attempts remaining 1`] = `
     >
       <div
         className="points"
+        role="status"
       >
         <strong>
           Points: 

diff --git a/src/components/__snapshots__/FreeResponseInput.spec.tsx.snap b/src/components/__snapshots__/FreeResponseInput.spec.tsx.snap
@@ -46,6 +46,7 @@ exports[`Free Response Input matches snapshot 1`] = `
   >
     <div
       className="points"
+      role="status"
     >
       <strong>
         Points: 
@@ -128,6 +129,7 @@ exports[`Free Response Input renders leftInfoComponent component 1`] = `
   >
     <div
       className="points"
+      role="status"
     >
       <strong>
         Points: 
@@ -210,6 +212,7 @@ exports[`Free Response Input renders word limit error 1`] = `
   >
     <div
       className="points"
+      role="status"
     >
       <strong>
         Points: