Merge pull request #944 from ZopaPublic/role-status

Role status
ZopaPublic · Dec 6, 2023 · 777e948 · 777e948
2 parents 8bf3e4d + ac4f7aa
commit 777e948
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 1 deletion.
diff --git a/src/components/atoms/Alert/Alert.tsx b/src/components/atoms/Alert/Alert.tsx
@@ -105,7 +105,9 @@ const Alert = ({
           </CrossButton>
         )}
       </IconWrapper>
-      <div className={onRequestClose ? 'pr-4' : ''}>{children}</div>
+      <div role="status" className={onRequestClose ? 'pr-4' : ''}>
+        {children}
+      </div>
     </Wrapper>
   );
 };

diff --git a/src/components/atoms/Alert/__snapshots__/Alert.test.tsx.snap b/src/components/atoms/Alert/__snapshots__/Alert.test.tsx.snap
@@ -66,6 +66,7 @@ exports[`Alert renders the component with no props and no a11y violations 1`] =
   </div>
   <div
     class=""
+    role="status"
   >
     Alert Content
   </div>
@@ -138,6 +139,7 @@ exports[`Alert renders with specific severity: alert 1`] = `
   </div>
   <div
     class=""
+    role="status"
   >
     Alert Content
   </div>
@@ -210,6 +212,7 @@ exports[`Alert renders with specific severity: info 1`] = `
   </div>
   <div
     class=""
+    role="status"
   >
     Alert Content
   </div>
@@ -282,6 +285,7 @@ exports[`Alert renders with specific severity: success 1`] = `
   </div>
   <div
     class=""
+    role="status"
   >
     Alert Content
   </div>
@@ -354,6 +358,7 @@ exports[`Alert renders with specific severity: warning 1`] = `
   </div>
   <div
     class=""
+    role="status"
   >
     Alert Content
   </div>

diff --git a/src/components/molecules/Banner/__snapshots__/Banner.test.tsx.snap b/src/components/molecules/Banner/__snapshots__/Banner.test.tsx.snap
@@ -66,6 +66,7 @@ exports[`Banner renders the component with no props and no a11y violations 1`] =
   </div>
   <div
     class=""
+    role="status"
   >
     Banner Content
   </div>

diff --git a/src/components/molecules/Notification/__snapshots__/Notification.test.tsx.snap b/src/components/molecules/Notification/__snapshots__/Notification.test.tsx.snap
@@ -66,6 +66,7 @@ exports[`Notification renders the component with no props and no a11y violations
   </div>
   <div
     class=""
+    role="status"
   >
     Notification Content
   </div>
-Original file line number
+Diff line change
@@ Expand Up @@
       </div>
       <div
         class=""
+        role="status"
       >
         Banner Content
       </div>
@@ Expand Down @@