Use stories in tests

Author: djhi

packages/ra-ui-materialui/src/input/ArrayInput/SimpleFormIterator.spec.tsx

@@ -18,7 +18,11 @@ import { SimpleForm } from '../../form';
 import { ArrayInput } from './ArrayInput';
 import { TextInput } from '../TextInput';
 import { SimpleFormIterator } from './SimpleFormIterator';
-import { Basic } from './SimpleFormIterator.stories';
+import {
+    Basic,
+    DefaultValue,
+    DefaultValueWithFormDataConsumer,
+} from './SimpleFormIterator.stories';
 
 describe('<SimpleFormIterator />', () => {
     // bypass confirm leave form with unsaved changes
@@ -418,22 +422,7 @@ describe('<SimpleFormIterator />', () => {
     });
 
     it('should not reapply default values set at form level after removing and then re-adding one row', async () => {
-        render(
-            <Wrapper>
-                <SimpleForm
-                    defaultValues={{
-                        emails: [{ email: '[email protected]', name: 'test' }],
-                    }}
-                >
-                    <ArrayInput source="emails">
-                        <SimpleFormIterator>
-                            <TextInput source="email" label="Email" />
-                            <TextInput source="name" label="Name" />
-                        </SimpleFormIterator>
-                    </ArrayInput>
-                </SimpleForm>
-            </Wrapper>
-        );
+        render(<DefaultValue />);
 
         const removeFirstButton = getByLabelText(
             // @ts-ignore
@@ -479,32 +468,7 @@ describe('<SimpleFormIterator />', () => {
     });
 
     it('should not reapply default values set at form level after removing and then re-adding one row, even with FormDataConsumer', async () => {
-        render(
-            <Wrapper>
-                <SimpleForm
-                    defaultValues={{
-                        emails: [{ email: '[email protected]', name: 'test' }],
-                    }}
-                >
-                    <ArrayInput source="emails">
-                        <SimpleFormIterator>
-                            <FormDataConsumer>
-                                {() => (
-                                    <>
-                                        <TextInput
-                                            source="email"
-                                            label="Email"
-                                            defaultValue="[email protected]"
-                                        />
-                                        <TextInput source="name" label="Name" />
-                                    </>
-                                )}
-                            </FormDataConsumer>
-                        </SimpleFormIterator>
-                    </ArrayInput>
-                </SimpleForm>
-            </Wrapper>
-        );
+        render(<DefaultValueWithFormDataConsumer />);
 
         const removeFirstButton = getByLabelText(
             // @ts-ignore