Add test and story for SelectArrayInput

Author: WiXSL

packages/ra-ui-materialui/src/input/SelectArrayInput.spec.tsx

@@ -228,7 +228,7 @@ describe('<SelectArrayInput />', () => {
         expect(screen.queryByText('Programming')).not.toBeNull();
     });
 
-    it('should render disable choices marked so', () => {
+    it('should render disable choices marked as so', () => {
         render(
             <AdminContext dataProvider={testDataProvider()}>
                 <ResourceContextProvider value="posts">
@@ -254,6 +254,37 @@ describe('<SelectArrayInput />', () => {
         expect(option2.getAttribute('aria-disabled')).toEqual('true');
     });
 
+    it('should render disabled choices marked as so by disableValue prop', () => {
+        render(
+            <AdminContext dataProvider={testDataProvider()}>
+                <ResourceContextProvider value="posts">
+                    <SimpleForm onSubmit={jest.fn()}>
+                        <SelectArrayInput
+                            {...defaultProps}
+                            choices={[
+                                { id: 'ang', name: 'Angular' },
+                                {
+                                    id: 'rea',
+                                    name: 'React',
+                                    not_available: true,
+                                },
+                            ]}
+                            disableValue="not_available"
+                        />
+                    </SimpleForm>
+                </ResourceContextProvider>
+            </AdminContext>
+        );
+        fireEvent.mouseDown(
+            screen.getByLabelText('resources.posts.fields.categories')
+        );
+        const option1 = screen.getByText('Angular');
+        expect(option1.getAttribute('aria-disabled')).toBeNull();
+
+        const option2 = screen.getByText('React');
+        expect(option2.getAttribute('aria-disabled')).toEqual('true');
+    });
+
     describe('translateChoice', () => {
         it('should translate the choices by default', async () => {
             render(<TranslateChoice />);

packages/ra-ui-materialui/src/input/SelectArrayInput.stories.tsx

@@ -26,6 +26,7 @@ import { ReferenceArrayInput } from './ReferenceArrayInput';
 import { SelectArrayInput } from './SelectArrayInput';
 import { TextInput } from './TextInput';
 import { useCreateSuggestionContext } from './useSupportCreateSuggestion';
+import { SelectInput } from './SelectInput';
 
 export default { title: 'ra-ui-materialui/input/SelectArrayInput' };
 
@@ -167,6 +168,20 @@ export const Disabled = () => (
     </AdminContext>
 );
 
+export const DisabledChoice = () => (
+    <Wrapper>
+        <SelectArrayInput
+            source="roles"
+            choices={[
+                { id: 'admin', name: 'Admin' },
+                { id: 'u001', name: 'Editor' },
+                { id: 'u002', name: 'Moderator', disabled: true },
+                { id: 'u003', name: 'Reviewer' },
+            ]}
+        />
+    </Wrapper>
+);
+
 export const ReadOnly = () => (
     <AdminContext i18nProvider={i18nProvider}>
         <Create