fix(Select): add busy

8base · Mar 4, 2019 · beb3eb2 · beb3eb2
1 parent 65ea747
commit beb3eb2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Select/Select.js b/src/components/Select/Select.js
@@ -91,7 +91,7 @@ const Select = ({
   ...props
   }: SelectProps) => {
   return (
-    <SelectTag { ...props }>
+    <SelectTag { ...props } aria-busy={ String(loading || false) }>
       <ReactSelect
         isClearable={ clearable }
         isDisabled={ disabled }

diff --git a/src/components/Select/Select.test.js b/src/components/Select/Select.test.js
@@ -13,6 +13,7 @@ describe('<Select />', () => {
     const clearable = true;
     const multiple = true;
     const hasError = false;
+    const loading = false;
 
     const wrapper = mount(
       <Select
@@ -23,6 +24,7 @@ describe('<Select />', () => {
         placeholder={ placeholder }
         options={ options }
         value={ options[0] }
+        loading={ loading }
       />,
     );
 
@@ -40,10 +42,12 @@ describe('<Select />', () => {
       defaultMenuIsOpen: false,
       defaultValue: null,
       menuPlacement: 'auto',
+      isLoading: loading,
     });
 
     expect(passedStyledProps).toEqual({
       hasError,
+      'aria-busy': String(loading),
     });
   });
 });