From 4877dd6e1054785d040e0e29dc08dad9794fe1e1 Mon Sep 17 00:00:00 2001
From: Josh Pollock <josh@calderawp.com>
Date: Fri, 6 Jul 2018 16:22:35 -0400
Subject: [PATCH] additional test coverage #1

---
 .idea/workspace.xml                           | 347 ++++++++++--------
 .../handlers.test.js                          |  14 +-
 src/components/renderGroup.test.js            |  31 ++
 3 files changed, 237 insertions(+), 155 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index f2d7157..0c06b66 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,16 +3,8 @@
   <component name="ChangeListManager">
     <list default="true" id="d2b0f3eb-379f-4bd9-bc0e-61e438292576" name="Default" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/App.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/App.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/FieldInner.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/FieldInner.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/factories/__snapshots__/fieldFactory.test.js.snap" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/factories/__snapshots__/fieldFactory.test.js.snap" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/factories/fieldFactory.test.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/factories/fieldFactory.test.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/propTypes.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/propTypes.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/src/components/fields/select/SelectField.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/select/SelectField.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/fields/field-group-change-handlers/handlers.test.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/fields/field-group-change-handlers/handlers.test.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/renderGroup.test.js" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/renderGroup.test.js" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="TRACKING_ENABLED" value="true" />
@@ -25,74 +17,124 @@
     <favorites_list name="components" />
   </component>
   <component name="FileEditorManager">
-    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="MagicSelect.test.js" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state>
-              <caret line="147" column="11" selection-start-line="147" selection-start-column="11" selection-end-line="147" selection-end-column="11" />
-              <folding>
-                <element signature="e#0#43#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="App.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/App.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="863">
-              <caret line="161" selection-start-line="161" selection-end-line="161" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="propTypes.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/fields/propTypes.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1245">
-              <caret line="84" column="2" selection-start-line="84" selection-start-column="2" selection-end-line="84" selection-end-column="2" />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="MagicSelect.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="-737">
-              <caret line="63" column="7" lean-forward="true" selection-start-line="63" selection-start-column="7" selection-end-line="63" selection-end-column="7" />
-              <folding>
-                <element signature="e#0#26#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="MagicItem.test.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.test.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="195">
-              <caret line="13" column="18" lean-forward="true" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
-              <folding>
-                <element signature="e#0#43#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="Input.test.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/components/fields/input/Input.test.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1470">
-              <caret line="104" column="26" selection-start-line="104" selection-start-column="26" selection-end-line="104" selection-end-column="26" />
-              <folding>
-                <element signature="e#0#43#0" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-    </leaf>
+    <splitter split-orientation="horizontal" split-proportion="0.48626816">
+      <split-first>
+        <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
+          <file leaf-file-name="MagicSelect.test.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="450">
+                  <caret line="177" column="30" selection-start-line="177" selection-start-column="30" selection-end-line="177" selection-end-column="30" />
+                  <folding>
+                    <element signature="e#0#43#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="FieldInner.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/FieldInner.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="225">
+                  <caret line="15" column="17" selection-start-line="15" selection-start-column="17" selection-end-line="15" selection-end-column="17" />
+                  <folding>
+                    <element signature="e#0#48#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="FieldGroup.test.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.test.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="184">
+                  <caret line="232" column="23" selection-start-line="232" selection-start-column="16" selection-end-line="232" selection-end-column="23" />
+                  <folding>
+                    <element signature="e#0#40#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="FieldGroup.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="625">
+                  <caret line="73" selection-start-line="73" selection-end-line="73" />
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="RenderGroup.js" pinned="false" current-in-tab="true">
+            <entry file="file://$PROJECT_DIR$/src/components/RenderGroup.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="594">
+                  <caret line="58" column="16" selection-start-line="58" selection-start-column="16" selection-end-line="58" selection-end-column="16" />
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="handlers.test.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/field-group-change-handlers/handlers.test.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="135">
+                  <caret line="9" column="31" selection-start-line="9" selection-start-column="31" selection-end-line="9" selection-end-column="31" />
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="App.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/App.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="863">
+                  <caret line="161" selection-start-line="161" selection-end-line="161" />
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="MagicSelect.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="-737">
+                  <caret line="63" column="7" selection-start-line="63" selection-start-column="7" selection-end-line="63" selection-end-column="7" />
+                  <folding>
+                    <element signature="e#0#26#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+          <file leaf-file-name="MagicItem.test.js" pinned="false" current-in-tab="false">
+            <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.test.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="195">
+                  <caret line="13" column="18" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+                  <folding>
+                    <element signature="e#0#43#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+        </leaf>
+      </split-first>
+      <split-second>
+        <leaf>
+          <file leaf-file-name="renderGroup.test.js" pinned="false" current-in-tab="true">
+            <entry file="file://$PROJECT_DIR$/src/components/renderGroup.test.js">
+              <provider selected="true" editor-type-id="text-editor">
+                <state relative-caret-position="498">
+                  <caret line="389" column="26" selection-start-line="389" selection-start-column="19" selection-end-line="389" selection-end-column="26" />
+                  <folding>
+                    <element signature="e#0#42#0" expanded="true" />
+                  </folding>
+                </state>
+              </provider>
+            </entry>
+          </file>
+        </leaf>
+      </split-second>
+    </splitter>
   </component>
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
@@ -103,8 +145,6 @@
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
-      <find>configValues</find>
-      <find>new Date</find>
       <find>skip</find>
       <find>CalderaConditionals</find>
       <find>prepare</find>
@@ -124,7 +164,6 @@
       <find>fieldInnerPropTypes</find>
       <find>addAutomaticValidators</find>
       <find>message</find>
-      <find>options</find>
       <find>Creates the</find>
       <find>cre</find>
       <find>sim</find>
@@ -132,7 +171,10 @@
       <find>isOpen</find>
       <find>state</find>
       <find>when</find>
+      <find>FieldIn</find>
+      <find>options</find>
       <find>Magic</find>
+      <find>onBlur</find>
     </findStrings>
     <replaceStrings>
       <replace>caldera-components</replace>
@@ -156,7 +198,6 @@
   <component name="IdeDocumentHistory">
     <option name="CHANGED_PATHS">
       <list>
-        <option value="$PROJECT_DIR$/src/components/validation/getValidatorsFromConfigField.js" />
         <option value="$PROJECT_DIR$/src/components/validation/reduceFieldValue.js" />
         <option value="$PROJECT_DIR$/src/components/validation/reduceConfigFieldsToValue.js" />
         <option value="$PROJECT_DIR$/src/components/export.test.js" />
@@ -193,13 +234,11 @@
         <option value="$PROJECT_DIR$/src/components/validation/export.test.js" />
         <option value="$PROJECT_DIR$/src/components/fields/messages/Message.js" />
         <option value="$PROJECT_DIR$/.travis.yml" />
-        <option value="$PROJECT_DIR$/src/components/renderGroup.test.js" />
         <option value="$PROJECT_DIR$/CONTRIBUTING.md" />
         <option value="$PROJECT_DIR$/README.md" />
         <option value="$PROJECT_DIR$/src/components/fields/MagicSelect.js" />
         <option value="$PROJECT_DIR$/src/components/fields/select/SelectField.js" />
         <option value="$PROJECT_DIR$/src/components/fields/factories/fieldFactory.test.js" />
-        <option value="$PROJECT_DIR$/src/components/fields/FieldInner.js" />
         <option value="$PROJECT_DIR$/package.json" />
         <option value="$PROJECT_DIR$/src/App.js" />
         <option value="$PROJECT_DIR$/src/components/fields/propTypes.js" />
@@ -207,6 +246,9 @@
         <option value="$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.js" />
         <option value="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js" />
         <option value="$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js" />
+        <option value="$PROJECT_DIR$/src/components/fields/FieldInner.js" />
+        <option value="$PROJECT_DIR$/src/components/fields/field-group-change-handlers/handlers.test.js" />
+        <option value="$PROJECT_DIR$/src/components/renderGroup.test.js" />
       </list>
     </option>
   </component>
@@ -227,10 +269,10 @@
     </packageJsonPaths>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="342" />
+    <option name="x" value="134" />
     <option name="y" value="23" />
-    <option name="width" value="1578" />
-    <option name="height" value="877" />
+    <option name="width" value="1786" />
+    <option name="height" value="1056" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -270,7 +312,7 @@
               <item name="src" type="462c0819:PsiDirectoryNode" />
               <item name="components" type="462c0819:PsiDirectoryNode" />
               <item name="fields" type="462c0819:PsiDirectoryNode" />
-              <item name="magic-select" type="462c0819:PsiDirectoryNode" />
+              <item name="field-group-change-handlers" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -332,15 +374,15 @@
       <workItem from="1530660259058" duration="1250000" />
       <workItem from="1530724884526" duration="1621000" />
       <workItem from="1530810281638" duration="549000" />
-      <workItem from="1530895798568" duration="2622000" />
+      <workItem from="1530895798568" duration="4584000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="162795000" />
+    <option name="totallyTimeSpent" value="164757000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="342" y="23" width="1578" height="877" extended-state="0" />
+    <frame x="134" y="23" width="1786" height="1056" extended-state="0" />
     <editor active="true" />
     <layout>
       <window_info anchor="bottom" id="TODO" order="6" />
@@ -348,11 +390,12 @@
       <window_info anchor="bottom" id="Database Changes" order="7" show_stripe_button="false" />
       <window_info anchor="bottom" id="Run" order="2" />
       <window_info anchor="bottom" id="Version Control" order="7" weight="0.32820514" />
-      <window_info id="npm" order="2" sideWeight="0.093589745" side_tool="true" visible="true" weight="0.3294271" />
-      <window_info active="true" anchor="bottom" x="112" y="264" width="1130" height="475" id="Terminal" order="7" type="WINDOWED" visible="true" weight="0.32948717" />
-      <window_info content_ui="combo" id="Project" order="0" sideWeight="0.9064103" visible="true" weight="0.3294271" />
+      <window_info id="npm" order="2" sideWeight="0.094545454" side_tool="true" visible="true" weight="0.19208716" />
+      <window_info active="true" anchor="bottom" x="28" y="128" width="1453" height="475" id="Terminal" order="7" type="WINDOWED" visible="true" weight="0.32948717" />
+      <window_info content_ui="combo" id="Project" order="0" sideWeight="0.9054545" visible="true" weight="0.19208716" />
       <window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
       <window_info anchor="right" id="Database" order="3" />
+      <window_info anchor="bottom" id="Find" order="1" visible="true" weight="0.13972889" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
       <window_info id="Favorites" order="2" sideWeight="0.17564103" side_tool="true" weight="0.2829195" />
@@ -363,7 +406,6 @@
       <window_info anchor="bottom" id="Messages" order="7" />
       <window_info anchor="bottom" id="Message" order="0" />
       <window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
-      <window_info anchor="bottom" id="Find" order="1" weight="0.0" />
     </layout>
     <layout-to-restore>
       <window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
@@ -443,20 +485,6 @@
     </breakpoint-manager>
   </component>
   <component name="editorHistoryManager">
-    <entry file="file://$PROJECT_DIR$/src/components/fields/util.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="190">
-          <caret line="40" column="3" selection-start-line="39" selection-start-column="21" selection-end-line="40" selection-end-column="3" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/validation/util.test.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="135">
-          <caret line="9" column="10" lean-forward="true" selection-start-line="9" selection-start-column="10" selection-end-line="9" selection-end-column="10" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/validation/util.js">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
@@ -543,13 +571,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/RenderGroup.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="345">
-          <caret line="46" selection-start-line="46" selection-end-line="46" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/dist/validation/index.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="607">
@@ -567,13 +588,6 @@
     <entry file="file://$PROJECT_DIR$/dist/renderGroup.test.js">
       <provider selected="true" editor-type-id="text-editor" />
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/renderGroup.test.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="5895">
-          <caret line="398" column="10" selection-start-line="398" selection-start-column="10" selection-end-line="398" selection-end-column="10" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/CONTRIBUTING.md">
       <provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
         <state split_layout="FIRST">
@@ -649,13 +663,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1350">
-          <caret line="101" column="23" selection-start-line="101" selection-start-column="23" selection-end-line="101" selection-end-column="23" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/fields/factories/fieldFactory.test.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="227">
@@ -663,20 +670,6 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.test.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="105">
-          <caret line="7" column="12" selection-start-line="7" selection-end-line="8" />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldInner.js">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="258">
-          <caret line="44" column="20" selection-start-line="44" selection-start-column="20" selection-end-line="44" selection-end-column="20" />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/src/components/fields/select/SelectField.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="-406">
@@ -769,7 +762,7 @@
     <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="-737">
-          <caret line="63" column="7" lean-forward="true" selection-start-line="63" selection-start-column="7" selection-end-line="63" selection-end-column="7" />
+          <caret line="63" column="7" selection-start-line="63" selection-start-column="7" selection-end-line="63" selection-end-column="7" />
           <folding>
             <element signature="e#0#26#0" expanded="true" />
           </folding>
@@ -779,7 +772,7 @@
     <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicItem.test.js">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="195">
-          <caret line="13" column="18" lean-forward="true" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+          <caret line="13" column="18" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
           <folding>
             <element signature="e#0#43#0" expanded="true" />
           </folding>
@@ -788,13 +781,71 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/src/components/fields/magic-select/MagicSelect.test.js">
       <provider selected="true" editor-type-id="text-editor">
-        <state>
-          <caret line="147" column="11" selection-start-line="147" selection-start-column="11" selection-end-line="147" selection-end-column="11" />
+        <state relative-caret-position="450">
+          <caret line="177" column="30" selection-start-line="177" selection-start-column="30" selection-end-line="177" selection-end-column="30" />
           <folding>
             <element signature="e#0#43#0" expanded="true" />
           </folding>
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldInner.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="225">
+          <caret line="15" column="17" selection-start-line="15" selection-start-column="17" selection-end-line="15" selection-end-column="17" />
+          <folding>
+            <element signature="e#0#48#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.test.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="184">
+          <caret line="232" column="23" selection-start-line="232" selection-start-column="16" selection-end-line="232" selection-end-column="23" />
+          <folding>
+            <element signature="e#0#40#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/fields/field-group-change-handlers/fieldsetCheckboxHandler.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="120">
+          <caret line="8" column="13" selection-start-line="8" selection-start-column="13" selection-end-line="8" selection-end-column="13" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/fields/FieldGroup.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="625">
+          <caret line="73" selection-start-line="73" selection-end-line="73" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/fields/field-group-change-handlers/handlers.test.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="135">
+          <caret line="9" column="31" selection-start-line="9" selection-start-column="31" selection-end-line="9" selection-end-column="31" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/RenderGroup.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="594">
+          <caret line="58" column="16" selection-start-line="58" selection-start-column="16" selection-end-line="58" selection-end-column="16" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/components/renderGroup.test.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="498">
+          <caret line="389" column="26" selection-start-line="389" selection-start-column="19" selection-end-line="389" selection-end-column="26" />
+          <folding>
+            <element signature="e#0#42#0" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/src/components/fields/field-group-change-handlers/handlers.test.js b/src/components/fields/field-group-change-handlers/handlers.test.js
index c67adec..a142fa0 100644
--- a/src/components/fields/field-group-change-handlers/handlers.test.js
+++ b/src/components/fields/field-group-change-handlers/handlers.test.js
@@ -1,20 +1,20 @@
 import {fieldsetCheckboxHandler} from './fieldsetCheckboxHandler';
 
 describe('checkbox handler', () => {
-	let udpateValue = null;
+	let updateValue = null;
 	beforeEach(() => {
-		udpateValue = null;
+		updateValue = null;
 	});
 
 	function handler(newValue) {
-		udpateValue = newValue;
+		updateValue = newValue;
 	}
 	it('Adds value to array of values', () => {
 		fieldsetCheckboxHandler({
 			value: '2',
 			label: 'Two'
 		}, [5, 'pants'], handler);
-		expect(udpateValue).toEqual([5, 'pants', '2']);
+		expect(updateValue).toEqual([5, 'pants', '2']);
 	});
 
 	it('Removes value from array of values', () => {
@@ -22,7 +22,7 @@ describe('checkbox handler', () => {
 			value: 1,
 			label: 'One'
 		}, [1, 2], handler);
-		expect(udpateValue).toEqual([2]);
+		expect(updateValue).toEqual([2]);
 	});
 
 	it('Adds value to when values is a string', () => {
@@ -30,7 +30,7 @@ describe('checkbox handler', () => {
 			value: 1,
 			label: 'One'
 		}, '2', handler);
-		expect(udpateValue).toEqual(['2',1]);
+		expect(updateValue).toEqual(['2',1]);
 	});
 
 
@@ -39,6 +39,6 @@ describe('checkbox handler', () => {
 			value: 1,
 			label: 'One'
 		}, 2, handler);
-		expect(udpateValue).toEqual([2,1]);
+		expect(updateValue).toEqual([2,1]);
 	});
 });
\ No newline at end of file
diff --git a/src/components/renderGroup.test.js b/src/components/renderGroup.test.js
index 57962eb..e73f448 100644
--- a/src/components/renderGroup.test.js
+++ b/src/components/renderGroup.test.js
@@ -313,6 +313,23 @@ describe( 'The render group component', () => {
 			).toHaveLength(3);
 		});
 
+		it( 'Select fields can have no options', () => {
+			const selectFieldConfig = {
+				'id': 'cf-something-select-id',
+				'type': 'dropdown',
+				'label': 'Content type',
+				'description': 'Choose content type, default is HTML',
+				options: null,
+				value: '',
+				onValueChange: genericHandler
+			};
+
+			const wrapper = mount( <RenderGroup configFields={[selectFieldConfig]}/> );
+			expect(
+				wrapper.find('select').children().find('option')//this would make an error if the select field was invalid
+			).toHaveLength(0);
+		});
+
 		it( 'Select field change handlers receive value, not event ', () => {
 			let updateValue = '';
 			const selectFieldConfig = {
@@ -359,6 +376,20 @@ describe( 'The render group component', () => {
 			expect( component.toJSON() ).toMatchSnapshot();
 		});
 
+		it ( 'Passes down the onFocus handler', () => {
+			let itFired = false;
+			const idArg = 'a1';
+			const wrapper = mount(<RenderGroup configFields={[{
+				...textFieldConfig,
+				id: idArg,
+				onBlur: () => {},
+				onFocus: () => {itFired = true;}
+			}]}/> );
+
+			wrapper.find('input').simulate( 'focus' );
+			expect(itFired ).toBe(true);
+		});
+
 		it( 'Fires the onFocus handler', () => {
 			let itFired = false;
 			const wrapper = mount(<RenderGroup configFields={[{