@ukhomeoffice/cop-react-form-renderer 6.0.6-peter → 6.7.0-alpha

package/dist/components/FormRenderer/onPageAction.test.js

@@ -6,120 +6,107 @@ var _handlers = _interopRequireDefault(require("./handlers"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _onPageAction = _interopRequireDefault(require("./onPageAction"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-jest.mock('./handlers', function () {
-  return {
-    navigateCalls: 0,
-    navigate: function navigate() {
-      this.navigateCalls += 1;
-    },
-    submissionErrorCalls: 0,
-    submissionErrorArgs: [],
-    submissionError: function submissionError(errors, addErrors) {
-      this.submissionErrorCalls += 1;
-      this.submissionErrorArgs.push(errors);
-      if (typeof addErrors === 'function') {
-        addErrors(errors);
-      }
-    },
-    reset: function reset() {
-      this.navigateCalls = 0;
-      this.submissionErrorCalls = 0;
-      this.submissionErrorArgs = [];
+jest.mock('./handlers', () => ({
+  navigateCalls: 0,
+  navigate() {
+    this.navigateCalls += 1;
+  },
+  submissionErrorCalls: 0,
+  submissionErrorArgs: [],
+  submissionError(errors, addErrors) {
+    this.submissionErrorCalls += 1;
+    this.submissionErrorArgs.push(errors);
+    if (typeof addErrors === 'function') {
+      addErrors(errors);
     }
-  };
-});
-jest.mock('./helpers', function () {
-  return {
-    canActionProceedCalls: 0,
-    canActionProceedResult: true,
-    canActionProceed: function canActionProceed(action, page, validator) {
-      this.canActionProceedCalls += 1;
-      if (typeof validator === 'function') {
-        validator();
-      }
-      return this.canActionProceedResult;
-    },
-    cleanHiddenNestedDataCalls: 0,
-    cleanHiddenNestedData: function cleanHiddenNestedData(patch) {
-      this.cleanHiddenNestedDataCalls += 1;
-      return patch;
-    },
-    clearOutUncompletedRoutesCalls: 0,
-    clearOutUncompletedRoutes: function clearOutUncompletedRoutes(pages, allComponents, formData) {
-      this.clearOutUncompletedRoutesCalls += 1;
-      return formData;
-    },
-    getNextPageIdCalls: 0,
-    getNextPageId: function getNextPageId() {
-      this.getNextPageIdCalls += 1;
-      return 'page2';
-    },
-    getSubmissionStatusCalls: 0,
-    getSubmissionStatus: function getSubmissionStatus() {
-      this.getSubmissionStatusCalls += 1;
-      return 'Good to go!';
-    },
-    reset: function reset() {
-      this.canActionProceedCalls = 0;
-      this.canActionProceedResult = true;
-      this.canCYASubmitResult = true;
-      this.cleanHiddenNestedDataCalls = 0;
-      this.getFormStateCalls = 0;
-      this.getSubmissionStatusCalls = 0;
+  },
+  reset() {
+    this.navigateCalls = 0;
+    this.submissionErrorCalls = 0;
+    this.submissionErrorArgs = [];
+  }
+}));
+jest.mock('./helpers', () => ({
+  canActionProceedCalls: 0,
+  canActionProceedResult: true,
+  canActionProceed(action, page, validator) {
+    this.canActionProceedCalls += 1;
+    if (typeof validator === 'function') {
+      validator();
     }
-  };
-});
-jest.mock('../../utils', function () {
-  var originalModule = jest.requireActual('../../utils');
-  return _objectSpread(_objectSpread({}, originalModule.default), {}, {
+    return this.canActionProceedResult;
+  },
+  cleanHiddenNestedDataCalls: 0,
+  cleanHiddenNestedData(patch) {
+    this.cleanHiddenNestedDataCalls += 1;
+    return patch;
+  },
+  getNextPageIdCalls: 0,
+  getNextPageId() {
+    this.getNextPageIdCalls += 1;
+    return 'page2';
+  },
+  getSubmissionStatusCalls: 0,
+  getSubmissionStatus() {
+    this.getSubmissionStatusCalls += 1;
+    return 'Good to go!';
+  },
+  reset() {
+    this.canActionProceedCalls = 0;
+    this.canActionProceedResult = true;
+    this.canCYASubmitResult = true;
+    this.cleanHiddenNestedDataCalls = 0;
+    this.getFormStateCalls = 0;
+    this.getSubmissionStatusCalls = 0;
+  }
+}));
+jest.mock('../../utils', () => {
+  const originalModule = jest.requireActual('../../utils');
+  return {
+    ...originalModule.default,
     Format: {
       formCalls: 0,
-      form: function form(_form, data) {
+      form(form, data) {
         this.formCalls += 1;
         return data;
       }
     },
-    CollectionPage: _objectSpread(_objectSpread({}, originalModule.default.CollectionPage), {}, {
+    CollectionPage: {
+      ...originalModule.default.CollectionPage,
       duplicateActiveEntryCalls: 0,
       duplicateActiveEntryResult: true,
-      duplicateActiveEntry: function duplicateActiveEntry() {
+      duplicateActiveEntry() {
         this.duplicateActiveEntryCalls += 1;
         return this.duplicateActiveEntryResult;
       },
       addEntryCalls: 0,
       addEntryResult: true,
-      addEntry: function addEntry(collectionName, formData) {
+      addEntry(collectionName, formData) {
         originalModule.default.CollectionPage.addEntry(collectionName, formData);
         this.addEntryCalls += 1;
         return this.addEntryResult;
       }
-    }),
-    reset: function reset() {
+    },
+    reset() {
       this.Format.formCalls = 0;
       this.CollectionPage.duplicateActiveEntryCalls = 0;
       this.duplicateActiveEntryResult = true;
       this.CollectionPage.addEntryCalls = 0;
       this.addEntryResult = true;
     }
-  });
+  };
 });
-describe('components.FormRenderer.onPageAction', function () {
-  var MOCK_HOOKS = {
+describe('components.FormRenderer.onPageAction', () => {
+  const MOCK_HOOKS = {
     onSubmitCalls: 0,
     onSubmitArgs: [],
-    onSubmit: function onSubmit(type, payload, onSuccess, onError, changedFieldName, changedFieldValue) {
+    onSubmit(type, payload, onSuccess, onError, changedFieldName, changedFieldValue) {
       this.onSubmitCalls += 1;
       this.onSubmitArgs.push({
-        type: type,
-        payload: payload,
-        changedFieldName: changedFieldName,
-        changedFieldValue: changedFieldValue
+        type,
+        payload,
+        changedFieldName,
+        changedFieldValue
       });
       if (typeof onSuccess === 'function') {
         onSuccess();
@@ -132,14 +119,14 @@ describe('components.FormRenderer.onPageAction', function () {
       }
     },
     onFormCompleteCalls: 0,
-    onFormComplete: function onFormComplete() {
+    onFormComplete() {
       this.onFormCompleteCalls += 1;
     },
     onCancelArgs: [],
-    onCancel: function onCancel(data) {
+    onCancel(data) {
       this.onCancelArgs.push(data);
     },
-    reset: function reset() {
+    reset() {
       this.onSubmitCalls = 0;
       this.onSubmitArgs = [];
       this.onFormCompleteCalls = 0;
@@ -147,54 +134,54 @@ describe('components.FormRenderer.onPageAction', function () {
       this.onActionCalls = 0;
     },
     onActionCalls: 0,
-    onAction: function onAction(formData, patch) {
+    onAction(formData, patch) {
       this.onActionCalls += 1;
       return {
-        formData: formData,
-        patch: patch
+        formData,
+        patch
       };
     }
   };
-  var MOCK_VALIDATE = {
+  const MOCK_VALIDATE = {
     pageCalls: 0,
-    page: function page() {
+    page() {
       MOCK_VALIDATE.pageCalls += 1;
     },
-    reset: function reset() {
+    reset() {
       this.pageCalls = 0;
     }
   };
-  var setPagePointCalls = 0;
-  var setPagePointArgs = [];
-  var mockSetPagePoint = function mockSetPagePoint(point) {
+  let setPagePointCalls = 0;
+  let setPagePointArgs = [];
+  const mockSetPagePoint = point => {
     setPagePointCalls += 1;
     setPagePointArgs.push(point);
   };
-  var setDataCalls = 0;
-  var setDataArgs = [];
-  var mockSetData = function mockSetData(data) {
+  let setDataCalls = 0;
+  let setDataArgs = [];
+  const mockSetData = data => {
     setDataCalls += 1;
     setDataArgs.push(data);
   };
-  var onPageChangeCalls = 0;
-  var onPageChangeArgs = [];
-  var mockOnPageChange = function mockOnPageChange(pageId) {
+  let onPageChangeCalls = 0;
+  let onPageChangeArgs = [];
+  const mockOnPageChange = pageId => {
     onPageChangeCalls += 1;
     onPageChangeArgs.push(pageId);
   };
-  var addErrorsArgs = [];
-  var mockAddErrors = function mockAddErrors(errors) {
+  let addErrorsArgs = [];
+  const mockAddErrors = errors => {
     addErrorsArgs.push(errors);
   };
-  var setSubmittedArgs = [];
-  var mockSetSubmitted = function mockSetSubmitted(newSubmitted) {
+  let setSubmittedArgs = [];
+  const mockSetSubmitted = newSubmitted => {
     setSubmittedArgs.push(newSubmitted);
   };
-  var mockSubmitting = false;
-  var mockSetSubmitting = function mockSetSubmitting(submitting) {
+  let mockSubmitting = false;
+  const mockSetSubmitting = submitting => {
     mockSubmitting = submitting;
   };
-  var COMPONENTS = [{
+  const COMPONENTS = [{
     id: 'alpha',
     fieldId: 'alpha'
   }, {
@@ -207,18 +194,26 @@ describe('components.FormRenderer.onPageAction', function () {
     id: 'delta',
     fieldId: 'delta'
   }];
-  var PAGES = [{
+  const PAGES = [{
     id: 'page1',
-    components: [_objectSpread({}, COMPONENTS[0]), _objectSpread({}, COMPONENTS[1])]
+    components: [{
+      ...COMPONENTS[0]
+    }, {
+      ...COMPONENTS[1]
+    }]
   }, {
     id: 'page2',
-    components: [_objectSpread({}, COMPONENTS[2]), _objectSpread({}, COMPONENTS[3])]
+    components: [{
+      ...COMPONENTS[2]
+    }, {
+      ...COMPONENTS[3]
+    }]
   }];
-  var CURRENT_TASK = {
+  const CURRENT_TASK = {
     name: 'testTask',
     fullPages: PAGES
   };
-  var ARGS = {
+  const ARGS = {
     action: {
       type: _models.PageAction.TYPES.NAVIGATE
     },
@@ -246,7 +241,7 @@ describe('components.FormRenderer.onPageAction', function () {
     submitting: mockSubmitting,
     setSubmitting: mockSetSubmitting
   };
-  beforeEach(function () {
+  beforeEach(() => {
     _handlers.default.reset();
     _helpers.default.reset();
     _utils.default.reset();
@@ -262,12 +257,12 @@ describe('components.FormRenderer.onPageAction', function () {
     setSubmittedArgs = [];
     mockSetSubmitting(false);
   });
-  var preActionChecks = function preActionChecks() {
+  const preActionChecks = () => {
     expect(_helpers.default.canActionProceedCalls).toEqual(1);
     expect(MOCK_VALIDATE.pageCalls).toEqual(1);
     expect(_helpers.default.cleanHiddenNestedDataCalls).toEqual(1);
   };
-  var postActionChecks = function postActionChecks(argsUsed) {
+  const postActionChecks = argsUsed => {
     expect(_utils.default.Format.formCalls).toEqual(1);
     expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
     // setData is always called once in the error callback 
@@ -275,8 +270,12 @@ describe('components.FormRenderer.onPageAction', function () {
     // to this if patch is valid.
     if (argsUsed.patch) {
       expect(setDataCalls).toEqual(2);
-      var dataUsed = _objectSpread(_objectSpread(_objectSpread({}, argsUsed.data), argsUsed.patch), argsUsed.formState.page.formData);
-      var submissionData = _utils.default.Format.form(null, dataUsed, null);
+      const dataUsed = {
+        ...argsUsed.data,
+        ...argsUsed.patch,
+        ...argsUsed.formState.page.formData
+      };
+      const submissionData = _utils.default.Format.form(null, dataUsed, null);
       submissionData.formStatus = _helpers.default.getSubmissionStatus();
       expect(setDataArgs[0]).toEqual(submissionData);
     } else {
@@ -284,7 +283,7 @@ describe('components.FormRenderer.onPageAction', function () {
     }
     expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
     if (argsUsed.type === _models.FormTypes.HUB && Object.keys(argsUsed.patchLabel).length > 0) {
-      var firstKey = Object.keys(argsUsed.patchLabel)[0];
+      const firstKey = Object.keys(argsUsed.patchLabel)[0];
       expect(MOCK_HOOKS.onSubmitArgs[0]).toMatchObject({
         changedFieldName: firstKey,
         changedFieldValue: argsUsed.patchLabel[firstKey]
@@ -302,14 +301,14 @@ describe('components.FormRenderer.onPageAction', function () {
     expect(_handlers.default.submissionErrorCalls).toEqual(1);
     expect(setDataArgs[setDataCalls - 1]).toEqual(argsUsed.data); // Data is reset in the case of an error.
   };
-
-  it("should handle the ".concat(_models.PageAction.TYPES.CANCEL, " Page Action type"), function () {
-    var ACTION = {
+  it("should handle the ".concat(_models.PageAction.TYPES.CANCEL, " Page Action type"), () => {
+    const ACTION = {
       type: _models.PageAction.TYPES.CANCEL
     };
-    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    const CUSTOM_ARGS = {
+      ...ARGS,
       action: ACTION
-    });
+    };
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
     expect(MOCK_HOOKS.onCancelArgs.length).toEqual(1);
     expect(MOCK_HOOKS.onCancelArgs[0]).toMatchObject({});
@@ -318,13 +317,14 @@ describe('components.FormRenderer.onPageAction', function () {
     expect(_helpers.default.canActionProceedCalls).toEqual(0);
     expect(MOCK_VALIDATE.pageCalls).toEqual(0);
   });
-  it("should handle the ".concat(_models.PageAction.TYPES.NAVIGATE, " Page Action type"), function () {
-    var ACTION = {
+  it("should handle the ".concat(_models.PageAction.TYPES.NAVIGATE, " Page Action type"), () => {
+    const ACTION = {
       type: _models.PageAction.TYPES.NAVIGATE
     };
-    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    const CUSTOM_ARGS = {
+      ...ARGS,
       action: ACTION
-    });
+    };
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
     preActionChecks();
     expect(_handlers.default.navigateCalls).toEqual(1);
@@ -333,27 +333,28 @@ describe('components.FormRenderer.onPageAction', function () {
     // as a navigate action should stop at calling
     // hooks.navigate.
   });
-
-  it("should handle the ".concat(_models.PageAction.TYPES.SUBMIT, " Page Action type"), function () {
-    var ACTION = {
+  it("should handle the ".concat(_models.PageAction.TYPES.SUBMIT, " Page Action type"), () => {
+    const ACTION = {
       type: _models.PageAction.TYPES.SUBMIT
     };
-    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    const CUSTOM_ARGS = {
+      ...ARGS,
       action: ACTION
-    });
+    };
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
     preActionChecks();
     expect(setPagePointCalls).toEqual(1);
     expect(setPagePointArgs[0]).toEqual('submit');
     postActionChecks(CUSTOM_ARGS);
   });
-  it("should handle the ".concat(_models.PageAction.TYPES.SAVE_AND_NAVIGATE, " Page Action type"), function () {
-    var ACTION = {
+  it("should handle the ".concat(_models.PageAction.TYPES.SAVE_AND_NAVIGATE, " Page Action type"), () => {
+    const ACTION = {
       type: _models.PageAction.TYPES.SAVE_AND_NAVIGATE
     };
-    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    const CUSTOM_ARGS = {
+      ...ARGS,
       action: ACTION
-    });
+    };
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
     preActionChecks();
     // All the actions does in this case is set a function
@@ -361,22 +362,23 @@ describe('components.FormRenderer.onPageAction', function () {
     postActionChecks(CUSTOM_ARGS);
     expect(_handlers.default.navigateCalls).toEqual(1);
   });
-  it("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_ADD, " Page Action type"), function () {
-    var FORM_STATE = {
+  it("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_ADD, " Page Action type"), () => {
+    const FORM_STATE = {
       page: {
         formData: {
           'testCollection': []
         }
       }
     };
-    var ACTION = {
+    const ACTION = {
       type: _models.PageAction.TYPES.COLLECTION_ADD,
       collection: 'testCollection'
     };
-    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+    const CUSTOM_ARGS = {
+      ...ARGS,
       action: ACTION,
       formState: FORM_STATE
-    });
+    };
     _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
     preActionChecks();
     expect(FORM_STATE.page.formData["".concat(ACTION.collection, "ActiveId")]).toBeDefined();
@@ -386,23 +388,24 @@ describe('components.FormRenderer.onPageAction', function () {
     // that's called as part of the onSubmit hook's onSuccess callback.
     expect(_handlers.default.navigateCalls).toEqual(1);
   });
-  describe("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_DUPLICATE, " Page Action type"), function () {
-    it("calling handlers.navigate if the duplication was successful", function () {
-      var FORM_STATE = {
+  describe("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_DUPLICATE, " Page Action type"), () => {
+    it("calling handlers.navigate if the duplication was successful", () => {
+      const FORM_STATE = {
         page: {
           formData: {
             'testCollection': []
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.COLLECTION_DUPLICATE,
         collection: 'testCollection'
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         action: ACTION,
         formState: FORM_STATE
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       expect(_utils.default.CollectionPage.duplicateActiveEntryCalls).toEqual(1);
@@ -412,22 +415,23 @@ describe('components.FormRenderer.onPageAction', function () {
       // that's called as part of the onSubmit hook's onSuccess callback.
       expect(_handlers.default.navigateCalls).toEqual(1);
     });
-    it("calling onPageChange if the duplication was unsuccessful", function () {
-      var FORM_STATE = {
+    it("calling onPageChange if the duplication was unsuccessful", () => {
+      const FORM_STATE = {
         page: {
           formData: {
             'testCollection': []
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.COLLECTION_DUPLICATE,
         collection: 'testCollection'
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         action: ACTION,
         formState: FORM_STATE
-      });
+      };
       _utils.default.CollectionPage.duplicateActiveEntryResult = false;
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
@@ -441,9 +445,9 @@ describe('components.FormRenderer.onPageAction', function () {
       expect(onPageChangeCalls).toEqual(1);
     });
   });
-  describe("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_REMOVE, " Page Action type"), function () {
-    it("should store a reference to the removed item if action.recordRemoval is true", function () {
-      var FORM_STATE = {
+  describe("should handle the ".concat(_models.PageAction.TYPES.COLLECTION_REMOVE, " Page Action type"), () => {
+    it("should store a reference to the removed item if action.recordRemoval is true", () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollectionActiveId: 'removeMe',
@@ -455,15 +459,16 @@ describe('components.FormRenderer.onPageAction', function () {
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.COLLECTION_REMOVE,
         collection: 'testCollection',
         recordRemoval: true
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         action: ACTION,
         formState: FORM_STATE
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       expect(FORM_STATE.page.formData.testCollection).toEqual([{
@@ -477,8 +482,8 @@ describe('components.FormRenderer.onPageAction', function () {
       // This action type uses the default onPageChange.
       expect(onPageChangeCalls).toEqual(1);
     });
-    it("should not store a reference to the removed item if action.recordRemoval is false", function () {
-      var FORM_STATE = {
+    it("should not store a reference to the removed item if action.recordRemoval is false", () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollectionActiveId: 'removeMe',
@@ -490,15 +495,16 @@ describe('components.FormRenderer.onPageAction', function () {
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.COLLECTION_REMOVE,
         collection: 'testCollection',
         recordRemoval: false
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         action: ACTION,
         formState: FORM_STATE
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       expect(FORM_STATE.page.formData.testCollection).toEqual([{
@@ -510,8 +516,8 @@ describe('components.FormRenderer.onPageAction', function () {
       // This action type uses the default onPageChange.
       expect(onPageChangeCalls).toEqual(1);
     });
-    it("should not store a reference to the removed item if action.recordRemoval is not defined", function () {
-      var FORM_STATE = {
+    it("should not store a reference to the removed item if action.recordRemoval is not defined", () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollectionActiveId: 'removeMe',
@@ -523,14 +529,15 @@ describe('components.FormRenderer.onPageAction', function () {
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.COLLECTION_REMOVE,
         collection: 'testCollection'
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         action: ACTION,
         formState: FORM_STATE
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       expect(FORM_STATE.page.formData.testCollection).toEqual([{
@@ -543,18 +550,17 @@ describe('components.FormRenderer.onPageAction', function () {
       expect(onPageChangeCalls).toEqual(1);
     });
   });
-  describe('if validation fails', function () {
-    var VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(function (a) {
-      return a !== _models.PageAction.TYPES.CANCEL;
-    });
-    VALID_ACTIONS.forEach(function (actionType) {
-      it("should not continue for the ".concat(actionType, " action type"), function () {
-        var ACTION = {
+  describe('if validation fails', () => {
+    const VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(a => a !== _models.PageAction.TYPES.CANCEL);
+    VALID_ACTIONS.forEach(actionType => {
+      it("should not continue for the ".concat(actionType, " action type"), () => {
+        const ACTION = {
           type: actionType
         };
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        const CUSTOM_ARGS = {
+          ...ARGS,
           action: ACTION
-        });
+        };
         _helpers.default.canActionProceedResult = false;
         _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
         expect(_helpers.default.canActionProceedCalls).toEqual(1);
@@ -565,59 +571,72 @@ describe('components.FormRenderer.onPageAction', function () {
       });
     });
   });
-  describe('adding a field to formData if specified on the action', function () {
-    var VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(function (a) {
-      return a !== _models.PageAction.TYPES.CANCEL && a !== _models.PageAction.TYPES.NAVIGATE;
-    });
-    VALID_ACTIONS.forEach(function (actionType) {
-      it("should work for the ".concat(actionType, " action type"), function () {
-        var FORM_STATE = {
+  describe('adding a field to formData if specified on the action', () => {
+    const VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(a => a !== _models.PageAction.TYPES.CANCEL && a !== _models.PageAction.TYPES.NAVIGATE);
+    VALID_ACTIONS.forEach(actionType => {
+      it("should work for the ".concat(actionType, " action type"), () => {
+        const FORM_STATE = {
           page: {
             formData: {
               testCollection: []
             }
           }
         };
-        var ACTION = {
+        const ACTION = {
           type: actionType,
           collection: 'testCollection',
-          addToFormData: {
+          addToFormData: [{
             field: 'alpha',
             value: '123'
-          }
+          }, {
+            field: 'parent.child',
+            value: [{
+              id: '12345'
+            }],
+            isCollection: true
+          }]
         };
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        const CUSTOM_ARGS = {
+          ...ARGS,
           formState: FORM_STATE,
           action: ACTION
-        });
+        };
         _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
         preActionChecks();
         postActionChecks(CUSTOM_ARGS);
         expect(FORM_STATE.page.formData).toMatchObject({
           alpha: '123'
         });
+        expect(FORM_STATE.page.formData.parent[0].child[0].id).toEqual('12345');
       });
     });
-    it("should work for the ".concat(_models.PageAction.TYPES.NAVIGATE, " action type"), function () {
-      var FORM_STATE = {
+    it("should work for the ".concat(_models.PageAction.TYPES.NAVIGATE, " action type"), () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollection: []
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.NAVIGATE,
         collection: 'testCollection',
-        addToFormData: {
+        addToFormData: [{
           field: 'alpha',
           value: '123'
-        }
+        }, {
+          field: 'parent.child',
+          value: [{
+            id: '12345'
+          }],
+          isCollection: true
+        }]
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         formState: FORM_STATE,
         action: ACTION
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       // Not doing the usual post-action checks here
@@ -626,16 +645,17 @@ describe('components.FormRenderer.onPageAction', function () {
       expect(FORM_STATE.page.formData).toMatchObject({
         alpha: '123'
       });
+      expect(FORM_STATE.page.formData.parent[0].child[0].id).toEqual('12345');
     });
-    it('should work for an array of formData', function () {
-      var FORM_STATE = {
+    it('should work for an array of formData', () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollection: []
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.NAVIGATE,
         collection: 'testCollection',
         addToFormData: [{
@@ -646,10 +666,11 @@ describe('components.FormRenderer.onPageAction', function () {
           value: '456'
         }]
       };
-      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      const CUSTOM_ARGS = {
+        ...ARGS,
         formState: FORM_STATE,
         action: ACTION
-      });
+      };
       _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
       preActionChecks();
       // Not doing the usual post-action checks here
@@ -663,34 +684,37 @@ describe('components.FormRenderer.onPageAction', function () {
       });
     });
   });
-  describe('recording patchLabel fields correctly when it is defined', function () {
-    var VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(function (a) {
-      return a !== _models.PageAction.TYPES.CANCEL && a !== _models.PageAction.TYPES.NAVIGATE;
-    });
-    VALID_ACTIONS.forEach(function (actionType) {
-      it("should work for the ".concat(actionType, " action type"), function () {
-        var FORM_STATE = {
+  describe('recording patchLabel fields correctly when it is defined', () => {
+    const VALID_ACTIONS = Object.values(_models.PageAction.TYPES).filter(a => a !== _models.PageAction.TYPES.CANCEL && a !== _models.PageAction.TYPES.NAVIGATE);
+    VALID_ACTIONS.forEach(actionType => {
+      it("should work for the ".concat(actionType, " action type"), () => {
+        const FORM_STATE = {
           page: {
             formData: {
               testCollection: []
             }
           }
         };
-        var KEY = 'testField';
-        var VALUE = 'testValue';
-        var PATCH_LABEL = _defineProperty({}, KEY, VALUE);
-        var PATCH = _defineProperty({}, KEY, VALUE);
-        var ACTION = {
+        const KEY = 'testField';
+        const VALUE = 'testValue';
+        const PATCH_LABEL = {
+          [KEY]: VALUE
+        };
+        const PATCH = {
+          [KEY]: VALUE
+        };
+        const ACTION = {
           type: actionType,
           collection: 'testCollection'
         };
-        var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        const CUSTOM_ARGS = {
+          ...ARGS,
           action: ACTION,
           formState: FORM_STATE,
           patch: PATCH,
           patchLabel: PATCH_LABEL,
           type: _models.FormTypes.HUB
-        });
+        };
         _onPageAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
         preActionChecks();
         postActionChecks(CUSTOM_ARGS); // Specific check for patchLabel done in here.