Update deprecated/ActionList axe test

Author: Adrián Bolonio

src/SelectPanel/SelectPanel.tsx

@@ -210,7 +210,7 @@ export function SelectPanel({
       open={open}
       onOpen={onOpen}
       onClose={onClose}
-      overlayProps={{...overlayProps, onKeyPress: overlayKeyPressHandler, role: 'dialog'}}
+      overlayProps={{...overlayProps, onKeyPress: overlayKeyPressHandler, role: 'dialog', 'aria-labelledby': titleId}}
       focusTrapSettings={focusTrapSettings}
       focusZoneSettings={focusZoneSettings}
     >

src/__tests__/deprecated/ActionList.test.tsx

@@ -42,7 +42,24 @@ describe('ActionList', () => {
 
   it('should have no axe violations', async () => {
     const {container} = HTMLRender(<SimpleActionList />)
-    const results = await axe(container)
+    /**
+     * Axe is throwing an issue because there are <ul role="listbox"> without <li role="option"> as direct children
+     * This is because we have a group structure inside the listbox:
+     * <ul role="listbox">
+     *  <li role="presentation">
+     *    <ul role="group">
+     *      <li role="option">Option 1</li>
+     *    </ul>
+     *  </li>
+     * </ul>
+     * We have consulted and agreed with our a11y consultant (@jscholes) about this solution.
+     */
+    const results = await axe(container, {
+      rules: {
+        'aria-required-parent': {enabled: false},
+        'aria-required-children': {enabled: false}
+      }
+    })
     expect(results).toHaveNoViolations()
     cleanup()
   })