unit: more tests for FieldSetStepper

Author: vip-git

src/FieldSet/FieldSetArray.tsx

@@ -17,7 +17,7 @@ import { FieldSetArrayProps } from '../types/FieldSetArray.type';
 import Utils from '../helpers/utils';
 
 // Variant
-import RENDER_ARRAY_WRAPPERS from './variants/fieldset/array/field-array.wrappers';
+import RENDER_ARRAY_WRAPPERS from './variants/fieldset-array/field-array.wrappers';
 
 export const RawFieldSetArray = (props: FieldSetArrayProps) => {
   const {

src/FieldSet/__tests__/FieldSet.spec.tsx

@@ -94,6 +94,48 @@ describe('FieldSet', () => {
       expect(ffComp.prop('data')).toBe(data.name);
       expect(ffComp.prop('objectData')).toStrictEqual(data);
     });
+    it('mounts with single field with additional properties (control)', () => {
+      const schema = {
+        type: 'object',
+        additionalProperties: {
+          name: {
+            'type': 'string',
+            'title': 'Name',
+          },
+        },
+      };
+
+      const data = { name: 'Bob' };
+
+      // act
+      const wrapper = mount(
+        <RawFieldSetObject 
+          classes={{ row }}
+          schema={schema}
+          data={data}
+          path={''}
+          uiSchema={{}}
+          xhrSchema={{}}
+          onKeyDown={jest.fn}
+          onChange={jest.fn}
+          onXHRSchemaEvent={jest.fn}
+          id={'1'}
+          idxKey={'1'}
+          validation={{}}
+          isTabContent={false}
+          tabKey={''}
+        />,
+      );
+
+      // check
+      expect(wrapper).toHaveLength(1);
+      // expect(wrapper.prop('className')).toMatch(/rowClassName/);
+      const ffComp = wrapper.find(FormField);
+      expect(ffComp).toHaveLength(2);
+      expect(ffComp.at(1).prop('path')).toBe('name');
+      expect(ffComp.at(1).prop('data')).toBe(data.name);
+      expect(ffComp.at(1).prop('objectData')).toStrictEqual(data);
+    });
     it('respects orientation hint', () => {
       const schema = {
         type: 'object',

src/FieldSet/__tests__/FieldSetStepper.spec.tsx

@@ -0,0 +1,68 @@
+// Library
+import React from 'react';
+import { mount } from 'enzyme';
+
+// Internal
+import FieldSetStepper from '../FieldSetStepper';
+
+// Initial Contexts
+import { StepperContext } from '../../helpers/context';
+
+const { root, row } = {
+  root: 'rootClassName',
+  row: 'rowClassName',
+};
+
+describe('FieldSetStepper', () => {
+    it('mounts with single field (control)', () => {
+      const schema = {
+        type: 'object',
+        properties: {
+          name: {
+            'type': 'string',
+            'title': 'Name',
+          },
+        },
+      };
+
+      const uiSchema = {
+        'ui:page': {
+            'ui:layout': 'steps',
+            'props': {
+              'includeSkipButton': false,
+              'ui:schemaErrors': true
+            }
+        }
+      };
+
+      const data = { name: 'Bob' };
+
+      // act
+      const wrapper = mount(
+        <StepperContext.Provider value={[1, false] as any}>
+            <FieldSetStepper 
+            classes={{ row }}
+            schema={schema}
+            data={data}
+            path={''}
+            uiSchema={uiSchema}
+            xhrSchema={{}}
+            onKeyDown={jest.fn}
+            onChange={jest.fn}
+            onXHRSchemaEvent={jest.fn}
+            id={'1'}
+            idxKey={'1'}
+            validation={{}}
+            isTabContent={false}
+            tabKey={''}
+            />
+        </StepperContext.Provider>,
+      );
+
+      // check
+      expect(wrapper).toHaveLength(1);
+      const ffComp = wrapper.find('WithStyles(ForwardRef(Stepper))');
+      expect(ffComp).toHaveLength(1);
+      expect(ffComp.prop('activeStep')).toBe(1);
+    });
+});

src/FieldSet/variants/fieldset/array/field-array.variants.tsx renamed to src/FieldSet/variants/fieldset-array/field-array.variants.tsx

@@ -7,14 +7,14 @@ import IconButton from '@material-ui/core/IconButton';
 import AddCircle from '@material-ui/icons/AddCircle';
 
 // Helpers
-import getDefaultValue from '../../../../helpers/get-default-value';
+import getDefaultValue from '../../../helpers/get-default-value';
 
 // config
-import FIELDSET_CONFIG, { ArrayVariants, ArrayWrapperVariants } from '../../../../config/fieldset.config';
+import FIELDSET_CONFIG, { ArrayVariants, ArrayWrapperVariants } from '../../../config/fieldset.config';
 
 // Component
-import FormField from '../../../../FormField';
-import ReorderableFormField from '../../../ReorderableFormField';
+import FormField from '../../../FormField';
+import ReorderableFormField from '../../ReorderableFormField';
 
 const { ARRAY_VARIANTS } = FIELDSET_CONFIG;
 

src/FieldSet/variants/fieldset/array/field-array.wrappers.tsx renamed to src/FieldSet/variants/fieldset-array/field-array.wrappers.tsx

@@ -3,10 +3,10 @@
 import React from 'react';
 
 // Helpers
-import getDefinitionSchemaFromRef from '../../../../helpers/get-definition-schema';
+import getDefinitionSchemaFromRef from '../../../helpers/get-definition-schema';
 
 // Utils
-import Utils from '../../../../helpers/utils';
+import Utils from '../../../helpers/utils';
 
 // Variants
 import FIELDSET_ARRAY_VARIANTS, { 

src/FieldSet/variants/fieldset/object.variants.tsx

@@ -138,10 +138,11 @@ describe('FormField', () => {
     const path = '';
     const schema = {
       'type': 'object',
+      'description': 'Something Extra',
       'properties': {
         firstName: {
           type: 'string',
-          title: 'First Name',
+          title: 'First Name'
         },
         surname: {
           type: 'string',