auto aria-label (#491)

Author: zombieJ

src/OptionList.tsx

@@ -235,10 +235,12 @@ const OptionList: React.RefForwardingComponent<
     if (!item) return null;
 
     const itemData = (item.data || {}) as OptionData;
-    const { value } = itemData;
+    const { value, label, children } = itemData;
     const attrs = pickAttrs(itemData, true);
+    const mergedLabel = childrenAsData ? children : label;
     return item ? (
       <div
+        aria-label={typeof mergedLabel === 'string' ? mergedLabel : null}
         {...attrs}
         key={index}
         role="option"

tests/OptionList.test.tsx

@@ -141,7 +141,7 @@ describe('OptionList', () => {
   it('Data attributes should be set correct', () => {
     const wrapper = mount(
       generateList({
-        options: [{ value: '1' }, { value: '2', 'data-num': '123' }],
+        options: [{ value: '1', label: 'my-label' }, { value: '2', 'data-num': '123' }],
       }),
     );
 

tests/__snapshots__/Select.test.tsx.snap

@@ -39,13 +39,15 @@ exports[`Select.Basic does not filter when filterOption value is false 1`] = `
           style="height:0;width:0;overflow:hidden"
         >
           <div
+            aria-label="1"
             aria-selected="false"
             id="undefined_list_0"
             role="option"
           >
             1
           </div>
           <div
+            aria-label="2"
             aria-selected="false"
             id="undefined_list_1"
             role="option"
@@ -490,6 +492,7 @@ exports[`Select.Basic render renders dropdown correctly 1`] = `
             jack
           </div>
           <div
+            aria-label="lucy"
             aria-selected="false"
             id="undefined_list_2"
             role="option"
@@ -712,13 +715,15 @@ exports[`Select.Basic should contain falsy children 1`] = `
           style="height:0;width:0;overflow:hidden"
         >
           <div
+            aria-label="1"
             aria-selected="true"
             id="undefined_list_0"
             role="option"
           >
             1
           </div>
           <div
+            aria-label="2"
             aria-selected="false"
             id="undefined_list_1"
             role="option"
@@ -845,13 +850,15 @@ exports[`Select.Basic should render custom dropdown correctly 1`] = `
             style="height: 0px; width: 0px; overflow: hidden;"
           >
             <div
+              aria-label="1"
               aria-selected="false"
               id="rc_select_TEST_OR_SSR_list_0"
               role="option"
             >
               1
             </div>
             <div
+              aria-label="2"
               aria-selected="false"
               id="rc_select_TEST_OR_SSR_list_1"
               role="option"

tests/__snapshots__/Tags.test.tsx.snap

@@ -92,6 +92,7 @@ exports[`Select.Tags OptGroup renders correctly 1`] = `
               role="option"
             />
             <div
+              aria-label="Jack"
               aria-selected="true"
               id="rc_select_TEST_OR_SSR_list_1"
               role="option"