fixing accessibility test on SearchFilterGroup

nasa-jpl · Sep 15, 2024 · ae2b57f · ae2b57f
1 parent fafac8b
commit ae2b57f
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/packages/vue/src/components/SearchFilterGroup/SearchFilterGroup.stories.js b/packages/vue/src/components/SearchFilterGroup/SearchFilterGroup.stories.js
@@ -59,6 +59,11 @@ export const DateFilter = {
   }
 }
 export const SubFilters = {
+  decorators: [
+    () => ({
+      template: '<div id="storyRoot" class="md:w-1/2 lg:w-1/3"><story /></div>'
+    })
+  ],
   args: {
     filterBy: [],
     buckets: [
@@ -104,6 +109,40 @@ export const SubFilters = {
           agg: 'solar_system_area',
           doc_count: 22
         }
+      ],
+      stars_and_galaxies: [
+        {
+          key: 'Sea Level',
+          agg: 'solar_system_area',
+          doc_count: 20
+        },
+        {
+          key: 'Pollution',
+          agg: 'solar_system_area',
+          doc_count: 21
+        },
+        {
+          key: 'Climate Change',
+          agg: 'solar_system_area',
+          doc_count: 22
+        }
+      ],
+      technology: [
+        {
+          key: 'Sea Level',
+          agg: 'solar_system_area',
+          doc_count: 20
+        },
+        {
+          key: 'Pollution',
+          agg: 'solar_system_area',
+          doc_count: 21
+        },
+        {
+          key: 'Climate Change',
+          agg: 'solar_system_area',
+          doc_count: 22
+        }
       ]
     }
   }

diff --git a/...ages/vue/src/components/SearchFilterGroupAccordionItem/SearchFilterGroupAccordionItem.vue b/...ages/vue/src/components/SearchFilterGroupAccordionItem/SearchFilterGroupAccordionItem.vue
@@ -52,6 +52,7 @@ const emit = defineEmits(['filterGroupAccordionItemOpened', 'filterGroupAccordio
         <button
           v-bind-once="{ id: headingId, 'aria-controls': panelId }"
           :aria-expanded="ariaExpanded"
+          aria-label="Expand"
           class="SearchFilterGroupAccordionItem-trigger group block w-auto text-body-lg pl-4 pr-1 -my-2"
           @click="handleClick()"
         >