@ukhomeoffice/cop-react-form-renderer 5.0.0-alpha → 5.0.0

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

@@ -0,0 +1,583 @@
+"use strict";
+
+var _models = require("../../models");
+var _utils = _interopRequireDefault(require("../../utils"));
+var _handlers = _interopRequireDefault(require("./handlers"));
+var _helpers = _interopRequireDefault(require("./helpers"));
+var _onCYAAction = _interopRequireDefault(require("./onCYAAction"));
+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 {
+    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.submissionErrorCalls = 0;
+      this.submissionErrorArgs = [];
+    }
+  };
+});
+jest.mock('./helpers', function () {
+  return {
+    canCYASubmitResult: true,
+    canCYASubmitCalls: 0,
+    canCYASubmit: function canCYASubmit() {
+      this.canCYASubmitCalls += 1;
+      return this.canCYASubmitResult;
+    },
+    getNextPageIdCalls: 0,
+    getNextPageId: function getNextPageId() {
+      this.getNextPageIdCalls += 1;
+      return 'page2';
+    },
+    getFormStateCalls: 0,
+    getFormState: function getFormState() {
+      this.getFormStateCalls += 1;
+      return {};
+    },
+    getSubmissionStatusCalls: 0,
+    getSubmissionStatus: function getSubmissionStatus() {
+      this.getSubmissionStatusCalls += 1;
+      return 'Good to go!';
+    },
+    reset: function reset() {
+      this.canCYASubmitCalls = 0;
+      this.canCYASubmitResult = true;
+      this.getFormStateCalls = 0;
+      this.getNextPageIdCalls = 0;
+      this.getFormStateCalls = 0;
+      this.getSubmissionStatusCalls = 0;
+    }
+  };
+});
+jest.mock('../../utils', function () {
+  return {
+    Format: {
+      formCalls: 0,
+      form: function form() {
+        this.formCalls += 1;
+        return {
+          id: 'formId'
+        };
+      }
+    },
+    reset: function reset() {
+      this.Format.formCalls = 0;
+    }
+  };
+});
+describe('components.FormRenderer.onCYAAction', function () {
+  var MOCK_HOOKS = {
+    onSubmitCalls: 0,
+    onSubmitArgs: [],
+    onSubmit: function onSubmit(type, payload, onSuccess, onError) {
+      this.onSubmitCalls += 1;
+      this.onSubmitArgs.push({
+        type: type,
+        payload: payload
+      });
+      if (typeof onSuccess === 'function') {
+        onSuccess();
+      }
+      // onError would not normally be called alongside
+      // onSuccess, we're just doing it here to make sure
+      // the expected function chain is called.
+      if (typeof onError === 'function') {
+        onError(['an example error']);
+      }
+    },
+    onFormCompleteCalls: 0,
+    onFormComplete: function onFormComplete() {
+      this.onFormCompleteCalls += 1;
+    },
+    onCancelCalls: 0,
+    onCancel: function onCancel() {
+      this.onCancelCalls += 1;
+    },
+    reset: function reset() {
+      this.onSubmitCalls = 0;
+      this.onSubmitArgs = [];
+      this.onFormCompleteCalls = 0;
+      this.onCancelCalls = 0;
+    }
+  };
+  var setPagePointCalls = 0;
+  var setPagePointArgs = [];
+  var mockSetPagePoint = function mockSetPagePoint(point) {
+    setPagePointCalls += 1;
+    setPagePointArgs.push(point);
+  };
+  var setDataCalls = 0;
+  var setDataArgs = [];
+  var mockSetData = function mockSetData(data) {
+    setDataCalls += 1;
+    setDataArgs.push(data);
+  };
+  var onPageChangeCalls = 0;
+  var onPageChangeArgs = [];
+  var mockOnPageChange = function mockOnPageChange(pageId) {
+    onPageChangeCalls += 1;
+    onPageChangeArgs.push(pageId);
+  };
+  var addErrorsCalls = 0;
+  var addErrorsArgs = [];
+  var mockAddErrors = function mockAddErrors(errors) {
+    addErrorsCalls += 1;
+    addErrorsArgs.push(errors);
+  };
+  var COMPONENTS = [{
+    id: 'alpha',
+    fieldId: 'alpha'
+  }, {
+    id: 'bravo',
+    fieldId: 'bravo'
+  }, {
+    id: 'charlie',
+    fieldId: 'charlie'
+  }, {
+    id: 'delta',
+    fieldId: 'delta'
+  }];
+  var PAGES = [{
+    id: 'page1',
+    components: [_objectSpread({}, COMPONENTS[0]), _objectSpread({}, COMPONENTS[1])]
+  }, {
+    id: 'page2',
+    components: [_objectSpread({}, COMPONENTS[2]), _objectSpread({}, COMPONENTS[3])]
+  }];
+  var CURRENT_TASK = {
+    name: 'testTask',
+    fullPages: PAGES
+  };
+  var ARGS = {
+    setPagePoint: mockSetPagePoint,
+    action: {
+      type: _models.PageAction.TYPES.SUBMIT
+    },
+    pages: PAGES,
+    validate: function validate() {},
+    components: COMPONENTS,
+    data: {},
+    setData: mockSetData,
+    type: _models.FormTypes.FORM_WITH_TASK,
+    pageId: 'alpha',
+    currentTask: CURRENT_TASK,
+    hooks: MOCK_HOOKS,
+    addErrors: mockAddErrors,
+    hub: _models.HubFormats.TASK,
+    onPageChange: mockOnPageChange,
+    formState: _helpers.default.getFormState('alpha', PAGES, null)
+  };
+  beforeEach(function () {
+    _handlers.default.reset();
+    _helpers.default.reset();
+    _utils.default.reset();
+    MOCK_HOOKS.reset();
+    setPagePointCalls = 0;
+    setPagePointArgs = [];
+    setDataCalls = 0;
+    setDataArgs = [];
+    onPageChangeCalls = 0;
+    onPageChangeArgs = [];
+    addErrorsCalls = 0;
+    addErrorsArgs = [];
+  });
+  describe('with a page action of PageAction.TYPES.SUBMIT', function () {
+    it('should handle a hub format of HubFormats.CYA', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        hub: _models.HubFormats.CYA
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(setPagePointCalls).toEqual(1);
+      expect(setPagePointArgs[0]).toEqual('submit');
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1);
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: _models.PageAction.TYPES.SUBMIT,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(MOCK_HOOKS.onFormCompleteCalls).toEqual(1);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should handle a hub format of HubFormats.TASK', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(setPagePointCalls).toEqual(1);
+      expect(setPagePointArgs[0]).toEqual('submit');
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1);
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: _models.PageAction.TYPES.SUBMIT,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(MOCK_HOOKS.onFormCompleteCalls).toEqual(1);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should handle no hub', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        hub: null
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(setPagePointCalls).toEqual(1);
+      expect(setPagePointArgs[0]).toEqual('submit');
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1);
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: _models.PageAction.TYPES.SUBMIT,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(MOCK_HOOKS.onFormCompleteCalls).toEqual(1);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+  });
+  describe('with a page action of PageAction.TYPES.SAVE_AND_CONTINUE', function () {
+    it('should validate if action.validate is not defined', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_CONTINUE
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1); // Validating.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should validate if action.validate is true', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_CONTINUE,
+          validate: true
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1); // Validating.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should not validate if action.validate is false', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_CONTINUE,
+          validate: false
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+
+      // Validation.
+      expect(_helpers.default.canCYASubmitCalls).toEqual(0);
+
+      // Everything after this point should be normal, we just
+      // haven't validated this time round.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+  });
+  describe('with an action type of PageAction.TYPES.SAVE_AND_RETURN', function () {
+    it('should validate if action.validate is not defined', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_RETURN
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1); // Validating.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should validate if action.validate is true', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_RETURN,
+          validate: true
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1); // Validating.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should not validate if action.validate is false', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_RETURN,
+          validate: false
+        },
+        hub: _models.HubFormats.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+
+      // Validation.
+      expect(_helpers.default.canCYASubmitCalls).toEqual(0);
+
+      // Everything after this point should be normal, we just
+      // haven't validated this time round.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(_models.FormPages.HUB);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+    it('should call onPageChange with undefined if type is FormTypes.TASK', function () {
+      var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+        action: {
+          type: _models.PageAction.TYPES.SAVE_AND_RETURN,
+          validate: true
+        },
+        hub: _models.HubFormats.TASK,
+        type: _models.FormTypes.TASK
+      });
+      _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+      expect(_helpers.default.canCYASubmitCalls).toEqual(1); // Validating.
+      expect(_utils.default.Format.formCalls).toEqual(1);
+      expect(_helpers.default.getSubmissionStatusCalls).toEqual(1);
+      expect(setDataCalls).toEqual(1);
+      expect(setDataArgs[0]).toEqual({
+        id: 'formId',
+        formStatus: 'Good to go!'
+      });
+      expect(MOCK_HOOKS.onSubmitCalls).toEqual(1);
+      expect(MOCK_HOOKS.onSubmitArgs[0]).toEqual({
+        type: CUSTOM_ARGS.action.type,
+        payload: {
+          id: 'formId',
+          formStatus: 'Good to go!'
+        }
+      });
+
+      // Checking the onSuccess branch.
+      expect(onPageChangeCalls).toEqual(1);
+      expect(onPageChangeArgs[0]).toEqual(undefined);
+
+      // Checking the onError branch.
+      expect(_handlers.default.submissionErrorCalls).toEqual(1);
+      expect(_handlers.default.submissionErrorArgs[0]).toEqual(['an example error']);
+      expect(addErrorsCalls).toEqual(1);
+      expect(addErrorsArgs[0]).toEqual(['an example error']);
+    });
+  });
+  it('should handle a page action type of PageAction.TYPES.NAVIGATE', function () {
+    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      action: {
+        type: _models.PageAction.TYPES.NAVIGATE,
+        page: 'page2'
+      }
+    });
+    _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+    expect(onPageChangeCalls).toEqual(1);
+    expect(onPageChangeArgs[0]).toEqual('page2');
+  });
+  it('should handle a page action type of PageAction.TYPES.CANCEL', function () {
+    var CUSTOM_ARGS = _objectSpread(_objectSpread({}, ARGS), {}, {
+      action: {
+        type: _models.PageAction.TYPES.CANCEL
+      }
+    });
+    _onCYAAction.default.apply(void 0, Object.values(CUSTOM_ARGS));
+    expect(MOCK_HOOKS.onCancelCalls).toEqual(1);
+  });
+});