diff --git a/packages/vulcan-forms/test/components.test.js b/packages/vulcan-forms/test/components.test.js
index 91cdc15c2..c94d2f0d8 100644
--- a/packages/vulcan-forms/test/components.test.js
+++ b/packages/vulcan-forms/test/components.test.js
@@ -22,39 +22,39 @@ import SimpleSchema from 'simpl-schema';
 const addressGroup = {
   name: 'addresses',
   label: 'Addresses',
-  order: 10
+  order: 10,
 };
 const permissions = {
   canRead: ['guests'],
   canUpdate: ['quests'],
-  canCreate: ['guests']
+  canCreate: ['guests'],
 };
 
 // just 1 input for state testing
 const fooSchema = {
   foo: {
     type: String,
-    ...permissions
-  }
+    ...permissions,
+  },
 };
 //
 const addressSchema = {
   street: {
     type: String,
     optional: true,
-    ...permissions
-  }
+    ...permissions,
+  },
 };
 // [{street, city,...}, {street, city, ...}]
 const arrayOfObjectSchema = {
   addresses: {
     type: Array,
     group: addressGroup,
-    ...permissions
+    ...permissions,
   },
   'addresses.$': {
-    type: new SimpleSchema(addressSchema)
-  }
+    type: new SimpleSchema(addressSchema),
+  },
 };
 // example with custom inputs for the children
 // ["http://maps/XYZ", "http://maps/foobar"]
@@ -62,12 +62,12 @@ const arrayOfUrlSchema = {
   addresses: {
     type: Array,
     group: addressGroup,
-    ...permissions
+    ...permissions,
   },
   'addresses.$': {
     type: String,
-    input: 'url'
-  }
+    input: 'url',
+  },
 };
 // example with array and custom input
 const CustomObjectInput = () => 'OBJECT INPUT';
@@ -75,12 +75,12 @@ const arrayOfCustomObjectSchema = {
   addresses: {
     type: Array,
     group: addressGroup,
-    ...permissions
+    ...permissions,
   },
   'addresses.$': {
     type: new SimpleSchema(addressSchema),
-    input: CustomObjectInput
-  }
+    input: CustomObjectInput,
+  },
 };
 // example with a fully custom input for both the array and its children
 const ArrayInput = () => 'ARRAY INPUT';
@@ -89,12 +89,12 @@ const arrayFullCustomSchema = {
     type: Array,
     group: addressGroup,
     ...permissions,
-    input: ArrayInput
+    input: ArrayInput,
   },
   'addresses.$': {
     type: String,
-    input: 'url'
-  }
+    input: 'url',
+  },
 };
 // example with a native type
 // ["20 rue du Moulin PARIS", "16 rue de la poste PARIS"]
@@ -104,26 +104,26 @@ const arrayOfStringSchema = {
   addresses: {
     type: Array,
     group: addressGroup,
-    ...permissions
+    ...permissions,
   },
   'addresses.$': {
-    type: String
-  }
+    type: String,
+  },
 };
 // object (not in an array): {street, city}
 const objectSchema = {
   addresses: {
     type: new SimpleSchema(addressSchema),
-    ...permissions
-  }
+    ...permissions,
+  },
 };
 // without calling SimpleSchema
 // eslint-disable-next-line no-unused-vars
 const bareObjectSchema = {
   addresses: {
     type: addressSchema,
-    ...permissions
-  }
+    ...permissions,
+  },
 };
 
 // stub collection
@@ -134,13 +134,16 @@ const createDummyCollection = (typeName, schema) =>
     typeName,
     schema,
     resolvers: getDefaultResolvers(typeName + 's'),
-    mutations: getDefaultMutations(typeName + 's')
+    mutations: getDefaultMutations(typeName + 's'),
   });
 const Foos = createDummyCollection('Foo', fooSchema);
 const ArrayOfObjects = createDummyCollection('ArrayOfObject', arrayOfObjectSchema);
 const Objects = createDummyCollection('Object', objectSchema);
 const ArrayOfUrls = createDummyCollection('ArrayOfUrl', arrayOfUrlSchema);
-const ArrayOfCustomObjects = createDummyCollection('ArrayOfCustomObject', arrayOfCustomObjectSchema);
+const ArrayOfCustomObjects = createDummyCollection(
+  'ArrayOfCustomObject',
+  arrayOfCustomObjectSchema
+);
 const ArrayFullCustom = createDummyCollection('ArrayFullCustom', arrayFullCustomSchema);
 // eslint-disable-next-line no-unused-vars
 const ArrayOfStrings = createDummyCollection('ArrayOfString', arrayOfStringSchema);
@@ -150,7 +153,7 @@ const Addresses = createCollection({
   typeName: 'Address',
   schema: addressSchema,
   resolvers: getDefaultResolvers('Addresses'),
-  mutations: getDefaultMutations('Addresses')
+  mutations: getDefaultMutations('Addresses'),
 });
 
 // helpers
@@ -166,24 +169,24 @@ describe('vulcan-forms/components', function() {
       formatNumber: () => '',
       formatPlural: () => '',
       formatHTMLMessage: () => '',
-      now: () => ''
-    }
+      now: () => '',
+    },
   };
   // eslint-disable-next-line no-unused-vars
   const mountWithContext = C =>
     mount(C, {
-      context
+      context,
     });
   const shallowWithContext = C =>
     shallow(C, {
-      context
+      context,
     });
 
   describe('Form collectionName="" (handle fields computation)', function() {
     // since some props are now handled by HOC we need to provide them manually
     const defaultProps = {
       collectionName: '',
-      typeName: ''
+      typeName: '',
     };
 
     describe('Form generation', function() {
@@ -225,17 +228,23 @@ describe('vulcan-forms/components', function() {
       });
       describe('array of objects', function() {
         it('shallow render', () => {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayOfObjects} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayOfObjects} />
+          );
           expect(wrapper).toBeDefined();
         });
         it('render a FormGroup for addresses', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayOfObjects} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayOfObjects} />
+          );
           const formGroup = wrapper.find('FormGroup').find({ name: 'addresses' });
           expect(formGroup).toBeDefined();
           expect(formGroup).toHaveLength(1);
         });
         it('passes down the array child fields', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayOfObjects} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayOfObjects} />
+          );
           const formGroup = getArrayFormGroup(wrapper);
           const fields = getFields(formGroup);
           const arrayField = fields[0];
@@ -258,12 +267,16 @@ describe('vulcan-forms/components', function() {
       });
       describe('array of objects with custom children inputs', function() {
         it('shallow render', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayOfCustomObjects} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayOfCustomObjects} />
+          );
           expect(wrapper).toBeDefined();
         });
         // TODO: does not work, schema_utils needs an update
         it.skip('passes down the custom input', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayOfCustomObjects} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayOfCustomObjects} />
+          );
           const formGroup = getArrayFormGroup(wrapper);
           const fields = getFields(formGroup);
           const arrayField = fields[0];
@@ -272,11 +285,15 @@ describe('vulcan-forms/components', function() {
       });
       describe('array with a fully custom input (array itself and children)', function() {
         it('shallow render', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayFullCustom} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayFullCustom} />
+          );
           expect(wrapper).toBeDefined();
         });
         it('passes down the custom input', function() {
-          const wrapper = shallowWithContext(<Form collectionName="" collection={ArrayFullCustom} />);
+          const wrapper = shallowWithContext(
+            <Form collectionName="" collection={ArrayFullCustom} />
+          );
           const formGroup = getArrayFormGroup(wrapper);
           const fields = getFields(formGroup);
           const arrayField = fields[0];
@@ -294,29 +311,38 @@ describe('vulcan-forms/components', function() {
         wrapper
           .find('input')
           .first()
-          .simulate('change', { target:{value:'bar'} });
+          .simulate('change', { target: { value: 'bar' } });
         // eslint-disable-next-line no-console
-        console.log(wrapper.find('input').first().html());
+        console.log(
+          wrapper
+            .find('input')
+            .first()
+            .html()
+        );
         // eslint-disable-next-line no-console
         console.log(wrapper.state());
-        expect(wrapper.state().currentValues).toEqual({foo:'bar'});
+        expect(wrapper.state().currentValues).toEqual({ foo: 'bar' });
       });
       it('reset state when relevant props change', function() {
-        const wrapper = shallowWithContext(<Form {...defaultProps} collectionName="Foos" collection={Foos} />);
+        const wrapper = shallowWithContext(
+          <Form {...defaultProps} collectionName="Foos" collection={Foos} />
+        );
         wrapper.setState({ currentValues: { foo: 'bar' } });
-        expect(wrapper.state('currentValues')).toEqual({foo:'bar'});
+        expect(wrapper.state('currentValues')).toEqual({ foo: 'bar' });
         wrapper.setProps({ collectionName: 'Bars' });
         expect(wrapper.state('currentValues')).toEqual({});
       });
-      it('does not reset state when external prop change', function(){
+      it('does not reset state when external prop change', function() {
         //const prefilledProps = { bar: 'foo' } // TODO
-        const changeCallback= () => 'CHANGE';
-        const wrapper = shallowWithContext(<Form {...defaultProps} collection={Foos} changeCallback={changeCallback} />);
+        const changeCallback = () => 'CHANGE';
+        const wrapper = shallowWithContext(
+          <Form {...defaultProps} collection={Foos} changeCallback={changeCallback} />
+        );
         wrapper.setState({ currentValues: { foo: 'bar' } });
-        expect(wrapper.state('currentValues')).toEqual({foo:'bar'});
+        expect(wrapper.state('currentValues')).toEqual({ foo: 'bar' });
         const newChangeCallback = () => 'NEW';
         wrapper.setProps({ changeCallback: newChangeCallback });
-        expect(wrapper.state('currentValues')).toEqual({ foo:'bar'});
+        expect(wrapper.state('currentValues')).toEqual({ foo: 'bar' });
       });
     });
   });
@@ -325,8 +351,8 @@ describe('vulcan-forms/components', function() {
     const shallowWithContext = C =>
       shallow(C, {
         context: {
-          getDocument: () => {}
-        }
+          getDocument: () => {},
+        },
       });
     const defaultProps = {
       disabled: false,
@@ -343,7 +369,7 @@ describe('vulcan-forms/components', function() {
       throwError: () => {},
       updateCurrentValues: () => {},
       errors: [],
-      clearFieldErrors: () => {}
+      clearFieldErrors: () => {},
     };
     it('shallow render', function() {
       const wrapper = shallowWithContext(<FormComponent {...defaultProps} />);
@@ -356,11 +382,11 @@ describe('vulcan-forms/components', function() {
         nestedSchema: {
           street: {},
           country: {},
-          zipCode: {}
+          zipCode: {},
         },
         nestedInput: true,
         nestedFields: [{}, {}, {}],
-        currentValues: {}
+        currentValues: {},
       };
       it('render a FormNestedArray', function() {
         const wrapper = shallowWithContext(<FormComponent {...props} />);
@@ -375,11 +401,11 @@ describe('vulcan-forms/components', function() {
         nestedSchema: {
           street: {},
           country: {},
-          zipCode: {}
+          zipCode: {},
         },
         nestedInput: true,
         nestedFields: [{}, {}, {}],
-        currentValues: {}
+        currentValues: {},
       };
       it('shallow render', function() {
         const wrapper = shallowWithContext(<FormComponent {...props} />);
@@ -401,7 +427,7 @@ describe('vulcan-forms/components', function() {
       errors: [],
       deletedValues: [],
       path: 'foobar',
-      formComponents: Components
+      formComponents: Components,
     };
     it('shallow render', function() {
       const wrapper = shallow(<Components.FormNestedArray {...defaultProps} currentValues={{}} />);
@@ -414,12 +440,16 @@ describe('vulcan-forms/components', function() {
       expect(addButton).toHaveLength(1);
     });
     it.skip('shows 3 items', function() {
-      const wrapper = mount(<Components.FormNestedArray {...defaultProps} currentValues={{}} value={[1, 2, 3]} />);
+      const wrapper = mount(
+        <Components.FormNestedArray {...defaultProps} currentValues={{}} value={[1, 2, 3]} />
+      );
       const nestedItem = wrapper.find('FormNestedItem');
       expect(nestedItem).toHaveLength(3);
     });
     it.skip('pass the correct path and itemIndex to each form', function() {
-      const wrapper = mount(<Components.FormNestedArray {...defaultProps} currentValues={{}} value={[1, 2]} />);
+      const wrapper = mount(
+        <Components.FormNestedArray {...defaultProps} currentValues={{}} value={[1, 2]} />
+      );
       const nestedItem = wrapper.find('FormNestedItem');
       const item0 = nestedItem.at(0);
       const item1 = nestedItem.at(1);
@@ -433,7 +463,7 @@ describe('vulcan-forms/components', function() {
     const defaultProps = {
       errors: [],
       path: 'foobar',
-      formComponents: Components
+      formComponents: Components,
     };
     it('shallow render', function() {
       const wrapper = shallow(<Components.FormNestedObject {...defaultProps} currentValues={{}} />);