fix: Accuracy and more readable aria-label for expand/collapse comments

bcgov · Oct 29, 2020 · 253da10 · 253da10
1 parent 60d2b7b
commit 253da10
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/containers/Applications/ApplicationCommentsContainer.tsx b/app/containers/Applications/ApplicationCommentsContainer.tsx
@@ -28,8 +28,8 @@ export const ApplicationCommentsComponent: React.FunctionComponent<Props> = (
         <h3>
           {formResult.formJsonByFormId.name}{' '}
           <i
-            aria-label="toggle-card-open"
-            title="expand or collapse the card"
+            aria-label="Collapse or expand comment"
+            title="Collapse or expand comment"
             style={{float: 'right', marginRight: '10px'}}
             onClick={() => setIsOpen(!isOpen)}
           >

diff --git a/...sts/unit/containers/Applications/__snapshots__/ApplicationCommentsContainer.test.tsx.snap b/...sts/unit/containers/Applications/__snapshots__/ApplicationCommentsContainer.test.tsx.snap
@@ -12,7 +12,7 @@ exports[`ApplicationCommentsComponent should match the snapshot with the Applica
       ddd
        
       <i
-        aria-label="toggle-card-open"
+        aria-label="Collapse or expand comment"
         className="jsx-2344769289"
         onClick={[Function]}
         style={
@@ -21,7 +21,7 @@ exports[`ApplicationCommentsComponent should match the snapshot with the Applica
             "marginRight": "10px",
           }
         }
-        title="expand or collapse the card"
+        title="Collapse or expand comment"
       >
         <FontAwesomeIcon
           border={false}