Modified multiselect component so the required prop gets set as aria-…

…required (#6438)
CDCgov · Aug 29, 2023 · 868a423 · 868a423
1 parent 21b9a55
commit 868a423
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 0 deletions.
diff --git a/frontend/src/app/commonComponents/MultiSelect/MultiSelect.tsx b/frontend/src/app/commonComponents/MultiSelect/MultiSelect.tsx
@@ -191,6 +191,7 @@ export const MultiSelect = ({
             className="multi-select-dropdown"
             disabled={isDisabled}
             placeholder={placeholder}
+            inputProps={{ "aria-required": required }}
             ariaInvalid={validationStatus === "error"}
             registrationProps={registrationProps}
             DropdownComponent={DropdownComponent}

diff --git a/frontend/src/app/supportAdmin/DeviceType/__snapshots__/DeviceForm.test.tsx.snap b/frontend/src/app/supportAdmin/DeviceType/__snapshots__/DeviceForm.test.tsx.snap
@@ -457,6 +457,7 @@ Object {
                           aria-invalid="false"
                           aria-labelledby="label-for-45"
                           aria-owns="multi-select-swabTypes-list"
+                          aria-required="true"
                           autocapitalize="off"
                           autocomplete="off"
                           class="usa-combo-box__input"
@@ -1222,6 +1223,7 @@ Object {
                         aria-invalid="false"
                         aria-labelledby="label-for-45"
                         aria-owns="multi-select-swabTypes-list"
+                        aria-required="true"
                         autocapitalize="off"
                         autocomplete="off"
                         class="usa-combo-box__input"

diff --git a/frontend/src/app/supportAdmin/DeviceType/__snapshots__/DeviceTypeFormContainer.test.tsx.snap b/frontend/src/app/supportAdmin/DeviceType/__snapshots__/DeviceTypeFormContainer.test.tsx.snap
@@ -253,6 +253,7 @@ Object {
                           aria-invalid="false"
                           aria-labelledby="label-for-5"
                           aria-owns="multi-select-swabTypes-list"
+                          aria-required="true"
                           autocapitalize="off"
                           autocomplete="off"
                           class="usa-combo-box__input"
@@ -771,6 +772,7 @@ Object {
                         aria-invalid="false"
                         aria-labelledby="label-for-5"
                         aria-owns="multi-select-swabTypes-list"
+                        aria-required="true"
                         autocapitalize="off"
                         autocomplete="off"
                         class="usa-combo-box__input"

diff --git a/...src/app/supportAdmin/DeviceType/__snapshots__/ManageDeviceTypeFormContainer.test.tsx.snap b/...src/app/supportAdmin/DeviceType/__snapshots__/ManageDeviceTypeFormContainer.test.tsx.snap
@@ -419,6 +419,7 @@ Object {
                           aria-invalid="false"
                           aria-labelledby="label-for-5"
                           aria-owns="multi-select-swabTypes-list"
+                          aria-required="true"
                           autocapitalize="off"
                           autocomplete="off"
                           class="usa-combo-box__input"
@@ -1143,6 +1144,7 @@ Object {
                         aria-invalid="false"
                         aria-labelledby="label-for-5"
                         aria-owns="multi-select-swabTypes-list"
+                        aria-required="true"
                         autocapitalize="off"
                         autocomplete="off"
                         class="usa-combo-box__input"