@ukhomeoffice/cop-react-form-renderer 5.14.0 → 5.14.4

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

@@ -5,77 +5,68 @@ var _utils = _interopRequireDefault(require("../../utils"));
 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(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 = [];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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;
-    },
-    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;
       }
@@ -83,29 +74,29 @@ jest.mock('../../utils', function () {
     CollectionPage: {
       duplicateActiveEntryCalls: 0,
       duplicateActiveEntryResult: true,
-      duplicateActiveEntry: function duplicateActiveEntry() {
+      duplicateActiveEntry() {
         this.duplicateActiveEntryCalls += 1;
         return this.duplicateActiveEntryResult;
       }
     },
-    reset: function reset() {
+    reset() {
       this.Format.formCalls = 0;
       this.CollectionPage.duplicateActiveEntryCalls = 0;
       this.duplicateActiveEntryResult = 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();
@@ -118,14 +109,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;
@@ -133,50 +124,50 @@ 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 COMPONENTS = [{
+  const COMPONENTS = [{
     id: 'alpha',
     fieldId: 'alpha'
   }, {
@@ -189,18 +180,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
     },
@@ -226,7 +225,7 @@ describe('components.FormRenderer.onPageAction', function () {
     setSubmitted: mockSetSubmitted,
     addErrors: mockAddErrors
   };
-  beforeEach(function () {
+  beforeEach(() => {
     _handlers.default.reset();
     _helpers.default.reset();
     _utils.default.reset();
@@ -241,12 +240,12 @@ describe('components.FormRenderer.onPageAction', function () {
     addErrorsArgs = [];
     setSubmittedArgs = [];
   });
-  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 
@@ -254,8 +253,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 {
@@ -263,7 +266,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]
@@ -281,14 +284,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 ${_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({});
@@ -297,13 +300,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 ${_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);
@@ -312,27 +316,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 ${_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 ${_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
@@ -340,48 +345,50 @@ 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 ${_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();
+    expect(FORM_STATE.page.formData[`${ACTION.collection}ActiveId`]).toBeDefined();
     postActionChecks(CUSTOM_ARGS);
 
     // This action type also sets up a call to handlers.navigate
     // 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 ${_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);
@@ -391,22 +398,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();
@@ -420,9 +428,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 ${_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',
@@ -434,15 +442,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([{
@@ -456,8 +465,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',
@@ -469,15 +478,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([{
@@ -489,8 +499,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',
@@ -502,14 +512,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([{
@@ -522,18 +533,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 ${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);
@@ -544,20 +554,18 @@ 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 ${actionType} action type`, () => {
+        const FORM_STATE = {
           page: {
             formData: {
               testCollection: []
             }
           }
         };
-        var ACTION = {
+        const ACTION = {
           type: actionType,
           collection: 'testCollection',
           addToFormData: {
@@ -565,10 +573,11 @@ describe('components.FormRenderer.onPageAction', function () {
             value: '123'
           }
         };
-        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);
@@ -577,15 +586,15 @@ describe('components.FormRenderer.onPageAction', function () {
         });
       });
     });
-    it("should work for the ".concat(_models.PageAction.TYPES.NAVIGATE, " action type"), function () {
-      var FORM_STATE = {
+    it(`should work for the ${_models.PageAction.TYPES.NAVIGATE} action type`, () => {
+      const FORM_STATE = {
         page: {
           formData: {
             testCollection: []
           }
         }
       };
-      var ACTION = {
+      const ACTION = {
         type: _models.PageAction.TYPES.NAVIGATE,
         collection: 'testCollection',
         addToFormData: {
@@ -593,10 +602,11 @@ describe('components.FormRenderer.onPageAction', function () {
           value: '123'
         }
       };
-      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
@@ -606,15 +616,15 @@ describe('components.FormRenderer.onPageAction', function () {
         alpha: '123'
       });
     });
-    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: [{
@@ -625,10 +635,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
@@ -642,34 +653,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 ${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.