@ukhomeoffice/cop-react-form-renderer 1.0.0 → 2.0.0

package/dist/components/FormPage/FormPage.js

@@ -79,6 +79,10 @@ var FormPage = function FormPage(_ref) {
     });
   };
 
+  var onError = function onError(errors) {
+    setErrors(errors);
+  };
+
   var classes = _utils.default.classBuilder(classBlock, classModifiers, className);
 
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -86,7 +90,9 @@ var FormPage = function FormPage(_ref) {
     key: page.id
   }, page.title && /*#__PURE__*/_react.default.createElement(_copReactComponents.LargeHeading, null, page.title), errors && errors.length > 0 && /*#__PURE__*/_react.default.createElement(_copReactComponents.ErrorSummary, {
     errors: errors
-  }), page.components.map(function (component, index) {
+  }), page.components.filter(function (c) {
+    return _utils.default.Component.show(c, page.formData);
+  }).map(function (component, index) {
     return /*#__PURE__*/_react.default.createElement(_FormComponent.default, {
       key: index,
       component: component,
@@ -96,7 +102,7 @@ var FormPage = function FormPage(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_PageActions.default, {
     actions: page.actions,
     onAction: function onAction(action) {
-      return _onAction(action, patch, setErrors);
+      return _onAction(action, patch, onError);
     }
   }));
 };

package/dist/components/FormPage/FormPage.test.js

@@ -93,10 +93,10 @@ describe('components', function () {
               expect(input.value).toEqual(VALUE);
               buttonGroup = page.childNodes[2];
               expect(buttonGroup.tagName).toEqual('DIV');
-              expect(buttonGroup.classList).toContain('govuk-button-group');
+              expect(buttonGroup.classList).toContain('hods-button-group');
               button = buttonGroup.childNodes[0];
               expect(button.tagName).toEqual('BUTTON');
-              expect(button.classList).toContain('govuk-button');
+              expect(button.classList).toContain('hods-button');
               expect(button.textContent).toEqual(_ActionButton.DEFAULT_LABEL);
 
             case 31:

package/dist/components/FormRenderer/FormRenderer.js

@@ -111,12 +111,26 @@ var FormRenderer = function FormRenderer(_ref) {
   }, [_hooks, addHook]); // Setup data.
 
   (0, _react.useEffect)(function () {
-    setData(_utils.default.Data.setupForm(_pages, components, _data));
+    if (components && _pages && _data) {
+      var _data$formStatus;
+
+      setData(_utils.default.Data.setupForm(_pages, components, _data));
+
+      if ((_data$formStatus = _data.formStatus) !== null && _data$formStatus !== void 0 && _data$formStatus.page) {
+        setPageId(_data.formStatus.page);
+      }
+    }
   }, [components, _pages, _data, setData]); // Setup pages.
 
   (0, _react.useEffect)(function () {
     setPages(_utils.default.FormPage.getAll(_pages, components, _objectSpread({}, data)));
-  }, [components, _pages, data, setPages]); // Setup hub.
+  }, [components, _pages, data, setPages]); // Setup initial pageId.
+
+  (0, _react.useEffect)(function () {
+    setPageId(function (prev) {
+      return prev || _helpers.default.getNextPageId(type, pages);
+    });
+  }, [type, pages, setPageId]); // Setup hub.
 
   (0, _react.useEffect)(function () {
     setHub(_utils.default.Hub.get(type, _hub, components, _objectSpread({}, data)));
@@ -143,12 +157,14 @@ var FormRenderer = function FormRenderer(_ref) {
       if (action.type === _models.PageAction.TYPES.NAVIGATE) {
         _handlers.default.navigate(action, pageId, onPageChange);
       } else {
-        // Submit.
+        // Save draft or submit.
         var submissionData = _utils.default.Format.form({
           pages: pages,
           components: components
         }, _objectSpread(_objectSpread({}, data), patch), _models.EventTypes.SUBMIT);
 
+        submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action, submissionData);
+
         if (patch) {
           setData(submissionData);
         } // Now submit the data to the backend...
@@ -157,12 +173,11 @@ var FormRenderer = function FormRenderer(_ref) {
         hooks.onSubmit(action.type, submissionData, function (response) {
           // The backend response may well contain data we need so apply it.
           setData(function (prev) {
-            return _objectSpread(_objectSpread({}, prev), response);
-          });
+            var next = _objectSpread(_objectSpread({}, prev), response);
 
-          var nextPageId = _helpers.default.getNextPageId(type, pages, pageId, action);
-
-          onPageChange(nextPageId);
+            onPageChange(_helpers.default.getNextPageId(type, pages, pageId, action, next));
+            return next;
+          });
         }, function (errors) {
           _handlers.default.submissionError(errors, onError);
         });
@@ -187,12 +202,13 @@ var FormRenderer = function FormRenderer(_ref) {
           components: components
         }, _objectSpread({}, data), _models.EventTypes.SUBMIT);
 
+        submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action);
         setData(submissionData); // Now submit the data to the backend...
 
         hooks.onSubmit(action.type, submissionData, function () {
-          hooks.onFormComplete();
+          return hooks.onFormComplete();
         }, function (errors) {
-          _handlers.default.submissionError(errors, onError);
+          return _handlers.default.submissionError(errors, onError);
         });
       }
     }

package/dist/components/FormRenderer/handlers/getPageId.js

@@ -12,16 +12,7 @@ exports.default = void 0;
  * @returns A page id.
  */
 var getPageId = function getPageId(action, pageId) {
-  if (action) {
-    // TODO: Improve how this is handled.
-    if (action.href) {
-      return action.href.split('/').pop();
-    } else if (action.url) {
-      return action.url.split('/').pop();
-    }
-  }
-
-  return pageId;
+  return (action === null || action === void 0 ? void 0 : action.page) || pageId;
 };
 
 var _default = getPageId;

package/dist/components/FormRenderer/handlers/getPageId.test.js

@@ -14,46 +14,20 @@ describe('components', function () {
           var ACTION = null;
           expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(PAGE_ID);
         });
-        it('should return the pageId when the action contains no href or url', function () {
+        it('should return the pageId when the action contains no page', function () {
           var PAGE_ID = 'alpha';
           var ACTION = {
             id: 'bravo'
           };
           expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(PAGE_ID);
         });
-        it('should return the final part of the href when provided', function () {
-          var LAST_PART = 'delta';
-          var HREF = "/bravo/charlie/".concat(LAST_PART);
+        it('should return the page when provided', function () {
+          var NAVIGATE_TO = 'delta';
           var PAGE_ID = 'alpha';
           var ACTION = {
-            href: HREF
+            page: NAVIGATE_TO
           };
-          expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(LAST_PART);
-        });
-        it('should return the final part of the url when provided', function () {
-          var LAST_PART = 'delta';
-          var URL = "/bravo/charlie/".concat(LAST_PART);
-          var PAGE_ID = 'alpha';
-          var ACTION = {
-            url: URL
-          };
-          expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(LAST_PART);
-        });
-        it('should return the whole href when it contains no backslashes', function () {
-          var HREF = 'delta';
-          var PAGE_ID = 'alpha';
-          var ACTION = {
-            href: HREF
-          };
-          expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(HREF);
-        });
-        it('should return the whole url when it contains no backslashes', function () {
-          var URL = 'delta';
-          var PAGE_ID = 'alpha';
-          var ACTION = {
-            url: URL
-          };
-          expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(URL);
+          expect((0, _getPageId.default)(ACTION, PAGE_ID)).toEqual(NAVIGATE_TO);
         });
       });
     });

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

@@ -46,7 +46,7 @@ describe('components', function () {
         it('should not call the onNavigate method when the page is unchanged', function () {
           var CURRENT_PAGE_ID = 'alpha';
           var ACTION = {
-            href: "/".concat(CURRENT_PAGE_ID)
+            page: CURRENT_PAGE_ID
           };
           var ON_NAVIGATE_CALLS = [];
 
@@ -62,7 +62,7 @@ describe('components', function () {
           var CURRENT_PAGE_ID = 'alpha';
           var NEW_PAGE_ID = 'bravo';
           var ACTION = {
-            href: "/".concat(NEW_PAGE_ID)
+            page: NEW_PAGE_ID
           };
           var ON_NAVIGATE_CALLS = [];
 

package/dist/components/FormRenderer/helpers/getNextPageId.js

@@ -7,57 +7,64 @@ exports.default = void 0;
 
 var _models = require("../../../models");
 
+var _FormPage = _interopRequireDefault(require("../../../utils/FormPage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var getNextHubPageId = function getNextHubPageId(action) {
-  if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
-    return _models.FormPages.HUB;
-  }
+  return (action === null || action === void 0 ? void 0 : action.page) || _models.FormPages.HUB;
+};
 
-  return (action === null || action === void 0 ? void 0 : action.nextPageId) || _models.FormPages.HUB;
+var getNextCYAPageId = function getNextCYAPageId(pages, currentPageId, formData) {
+  return getNextWizardPageId(pages, currentPageId, formData) || _models.FormPages.CYA;
 };
 
-var getNextCYAPageId = function getNextCYAPageId(pages, currentPageId, action) {
-  if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
-    return undefined;
-  }
+var getNextWizardPageId = function getNextWizardPageId(pages, currentPageId, formData) {
+  var _page;
 
   var nextIndex = pages.findIndex(function (p) {
     return p.id === currentPageId;
   }) + 1;
-  return nextIndex < pages.length ? pages[nextIndex].id : _models.FormPages.CYA;
-};
+  var page = pages[nextIndex];
 
-var getNextWizardPageId = function getNextWizardPageId(pages, currentPageId, action) {
-  if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
-    return undefined;
+  while (page && !_FormPage.default.show(page, formData)) {
+    nextIndex++;
+    page = pages[nextIndex];
   }
 
-  var nextIndex = pages.findIndex(function (p) {
-    return p.id === currentPageId;
-  }) + 1;
-  return nextIndex < pages.length ? pages[nextIndex].id : undefined;
+  return ((_page = page) === null || _page === void 0 ? void 0 : _page.id) || undefined;
 };
 
-var getNextFormPageId = function getNextFormPageId(pages, action) {
-  if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
-    return undefined;
-  }
-
+var getNextFormPageId = function getNextFormPageId(pages) {
+  // A form has a single page... so always return that id.
   return pages.length > 0 ? pages[0].id : undefined;
 };
 
-var getNextPageId = function getNextPageId(formType, pages, currentPageId, action) {
+var getNextPageId = function getNextPageId(formType, pages, currentPageId, action, formData) {
+  if (action) {
+    if (action.type === _models.PageAction.TYPES.NAVIGATE) {
+      return pages.find(function (p) {
+        return p.id === action.page;
+      }) ? action.page : undefined;
+    }
+
+    if (action.type === _models.PageAction.TYPES.SAVE_AND_RETURN) {
+      return formType === _models.FormTypes.HUB ? _models.FormPages.HUB : undefined;
+    }
+  }
+
   switch (formType) {
     case _models.FormTypes.HUB:
       return getNextHubPageId(action);
 
     case _models.FormTypes.CYA:
-      return getNextCYAPageId(pages, currentPageId, action);
+      return getNextCYAPageId(pages, currentPageId, formData);
 
     case _models.FormTypes.WIZARD:
-      return getNextWizardPageId(pages, currentPageId, action);
+      return getNextWizardPageId(pages, currentPageId, formData);
 
     default:
-      return getNextFormPageId(pages, action);
+      return getNextFormPageId(pages);
   }
 };
 

package/dist/components/FormRenderer/helpers/getNextPageId.test.js

@@ -11,11 +11,87 @@ describe('components', function () {
   describe('FormRenderer', function () {
     describe('helpers', function () {
       describe('getNextPageId', function () {
+        var OPTIONS = [{
+          value: 'romeo',
+          label: 'Romeo'
+        }, {
+          value: 'juliet',
+          label: 'Juliet'
+        }];
+        var RADIOS = {
+          id: 'radios',
+          fieldId: 'radios',
+          type: _models.ComponentTypes.RADIOS,
+          data: {
+            options: OPTIONS
+          }
+        };
+        var TEXT = {
+          id: 'text',
+          fieldId: 'text',
+          type: _models.ComponentTypes.TEXT
+        };
+        var HTML = {
+          type: _models.ComponentTypes.HTML,
+          content: 'HTML'
+        };
+        var SHOW_WHEN_JULIET = {
+          field: RADIOS.fieldId,
+          op: '=',
+          value: OPTIONS[1].value
+        };
+        var SHOW_WHEN_ROMEO = {
+          field: RADIOS.fieldId,
+          op: '=',
+          value: OPTIONS[0].value
+        };
+        var FORM_DATA = {
+          radios: OPTIONS[0].value
+        }; // 'romeo'
+
         var PAGES = [{
           id: 'alpha'
         }, {
           id: 'bravo'
+        }, {
+          id: 'charlie',
+          components: [RADIOS]
+        }, {
+          id: 'delta',
+          components: [TEXT],
+          show_when: SHOW_WHEN_JULIET
+        }, {
+          id: 'echo',
+          components: [HTML]
+        }, {
+          id: 'foxtrot',
+          components: [TEXT],
+          show_when: SHOW_WHEN_ROMEO
         }];
+        describe("when the action type is '".concat(_models.PageAction.TYPES.NAVIGATE, "'"), function () {
+          it('should return undefined if the action has no page property', function () {
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE
+            };
+            expect((0, _getNextPageId.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toBeUndefined();
+          });
+          it('should return the page on the action if it exists among the pages', function () {
+            var PAGE = PAGES[1].id;
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE,
+              page: PAGE
+            };
+            expect((0, _getNextPageId.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toEqual(PAGE);
+          });
+          it('should return undefined if the page on the action does not exist among the pages', function () {
+            var PAGE = 'golf';
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE,
+              page: PAGE
+            };
+            expect((0, _getNextPageId.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toBeUndefined();
+          });
+        });
         describe("when the form type is '".concat(_models.FormTypes.HUB, "'"), function () {
           var FORM_TYPE = _models.FormTypes.HUB;
           it("should return '".concat(_models.FormPages.HUB, "' by default"), function () {
@@ -23,13 +99,13 @@ describe('components', function () {
           });
           it("should return '".concat(_models.FormPages.HUB, "' if the action is '").concat(_models.PageAction.TYPES.SAVE_AND_RETURN, "'"), function () {
             var ACTION = _models.PageAction.DEFAULTS.saveAndReturn;
-            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION)).toEqual(_models.FormPages.HUB);
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toEqual(_models.FormPages.HUB);
           });
-          it('should return action.nextPageId if specified', function () {
+          it('should return action.page if specified', function () {
             var ACTION = {
-              nextPageId: 'bob'
+              page: 'bob'
             };
-            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, undefined, ACTION)).toEqual(ACTION.nextPageId);
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, undefined, ACTION, FORM_DATA)).toEqual(ACTION.page);
           });
         });
         describe("when the form type is '".concat(_models.FormTypes.CYA, "'"), function () {
@@ -40,12 +116,18 @@ describe('components', function () {
           it('should return the second page when on the first page', function () {
             expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[0].id)).toEqual(PAGES[1].id);
           });
-          it("should return '".concat(_models.FormPages.CYA, "' when on the last page"), function () {
-            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[PAGES.length - 1].id)).toEqual(_models.FormPages.CYA);
+          it('should return the third page when on the second page', function () {
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[1].id)).toEqual(PAGES[2].id);
+          });
+          it("should return the fifth page when on the third page because the fourth page show_when is not met", function () {
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[2].id, _models.PageAction.DEFAULTS.saveAndContinue, FORM_DATA)).toEqual(PAGES[4].id);
+          });
+          it("should return the sixth page when on the fifth page because the sixth page show_when is met", function () {
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[4].id, _models.PageAction.DEFAULTS.saveAndContinue, FORM_DATA)).toEqual(PAGES[5].id);
           });
           it("should return undefined if the action is '".concat(_models.PageAction.TYPES.SAVE_AND_RETURN, "'"), function () {
             var ACTION = _models.PageAction.DEFAULTS.saveAndReturn;
-            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION)).toBeUndefined();
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toBeUndefined();
           });
         });
         describe("when the form type is '".concat(_models.FormTypes.WIZARD, "'"), function () {

package/dist/components/FormRenderer/helpers/getSubmissionStatus.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _models = require("../../../models");
+
+var _getNextPageId = _interopRequireDefault(require("./getNextPageId"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getSubmissionStatus = function getSubmissionStatus(formType, pages, currentPageId, action, formData) {
+  if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
+    return {
+      page: currentPageId
+    };
+  }
+
+  return {
+    page: (0, _getNextPageId.default)(formType, pages, currentPageId, action, formData)
+  };
+};
+
+var _default = getSubmissionStatus;
+exports.default = _default;

package/dist/components/FormRenderer/helpers/getSubmissionStatus.test.js

@@ -0,0 +1,209 @@
+"use strict";
+
+var _models = require("../../../models");
+
+var _getSubmissionStatus = _interopRequireDefault(require("./getSubmissionStatus"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+describe('components', function () {
+  describe('FormRenderer', function () {
+    describe('helpers', function () {
+      describe('getSubmissionStatus', function () {
+        var OPTIONS = [{
+          value: 'romeo',
+          label: 'Romeo'
+        }, {
+          value: 'juliet',
+          label: 'Juliet'
+        }];
+        var RADIOS = {
+          id: 'radios',
+          fieldId: 'radios',
+          type: _models.ComponentTypes.RADIOS,
+          data: {
+            options: OPTIONS
+          }
+        };
+        var TEXT = {
+          id: 'text',
+          fieldId: 'text',
+          type: _models.ComponentTypes.TEXT
+        };
+        var HTML = {
+          type: _models.ComponentTypes.HTML,
+          content: 'HTML'
+        };
+        var SHOW_WHEN_JULIET = {
+          field: RADIOS.fieldId,
+          op: '=',
+          value: OPTIONS[1].value
+        };
+        var SHOW_WHEN_ROMEO = {
+          field: RADIOS.fieldId,
+          op: '=',
+          value: OPTIONS[0].value
+        };
+        var FORM_DATA = {
+          radios: OPTIONS[0].value
+        }; // 'romeo'
+
+        var PAGES = [{
+          id: 'alpha'
+        }, {
+          id: 'bravo'
+        }, {
+          id: 'charlie',
+          components: [RADIOS]
+        }, {
+          id: 'delta',
+          components: [TEXT],
+          show_when: SHOW_WHEN_JULIET
+        }, {
+          id: 'echo',
+          components: [HTML]
+        }, {
+          id: 'foxtrot',
+          components: [TEXT],
+          show_when: SHOW_WHEN_ROMEO
+        }];
+        describe("when the action type is '".concat(_models.PageAction.TYPES.NAVIGATE, "'"), function () {
+          it('should return undefined if the action has no page property', function () {
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE
+            };
+            expect((0, _getSubmissionStatus.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+              page: undefined
+            });
+          });
+          it('should return the page on the action if it exists among the pages', function () {
+            var PAGE = PAGES[1].id;
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE,
+              page: PAGE
+            };
+            expect((0, _getSubmissionStatus.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGE
+            });
+          });
+          it('should return undefined if the page on the action does not exist among the pages', function () {
+            var PAGE = 'golf';
+            var ACTION = {
+              type: _models.PageAction.TYPES.NAVIGATE,
+              page: PAGE
+            };
+            expect((0, _getSubmissionStatus.default)(_models.FormTypes.HUB, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+              page: undefined
+            });
+          });
+        });
+        describe("when the action type is '".concat(_models.PageAction.TYPES.SAVE_AND_RETURN, "'"), function () {
+          Object.values(_models.FormTypes).forEach(function (formType) {
+            it("should return the current page if the form type is '".concat(formType, "'"), function () {
+              var ACTION = _models.PageAction.DEFAULTS.saveAndReturn;
+              expect((0, _getSubmissionStatus.default)(formType, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+                page: PAGES[0].id
+              });
+            });
+          });
+        });
+        describe("when the form type is '".concat(_models.FormTypes.HUB, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.HUB;
+          it("should return '".concat(_models.FormPages.HUB, "' by default"), function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES)).toMatchObject({
+              page: _models.FormPages.HUB
+            });
+          });
+          it('should return action.page if specified', function () {
+            var ACTION = {
+              page: 'bob'
+            };
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, undefined, ACTION, FORM_DATA)).toMatchObject({
+              page: ACTION.page
+            });
+          });
+        });
+        describe("when the form type is '".concat(_models.FormTypes.CYA, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.CYA;
+          var ACTION = _models.PageAction.DEFAULTS.saveAndContinue;
+          it('should return the first page by default', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGES[0].id
+            });
+          });
+          it('should return the second page when on the first page', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGES[1].id
+            });
+          });
+          it('should return the third page when on the second page', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[1].id, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGES[2].id
+            });
+          });
+          it("should return the fifth page when on the third page because the fourth page show_when is not met", function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[2].id, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGES[4].id
+            });
+          });
+          it("should return the sixth page when on the fifth page because the sixth page show_when is met", function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[4].id, ACTION, FORM_DATA)).toMatchObject({
+              page: PAGES[5].id
+            });
+          });
+          it("should return '".concat(_models.FormPages.CYA, "' when on the sixth (last) page"), function () {
+            var lastPageIndex = PAGES.length - 1;
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[lastPageIndex].id, ACTION, FORM_DATA)).toMatchObject({
+              page: _models.FormPages.CYA
+            });
+          });
+        });
+        describe("when the form type is '".concat(_models.FormTypes.WIZARD, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.WIZARD;
+          it('should return the first page by default', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES)).toMatchObject({
+              page: PAGES[0].id
+            });
+          });
+          it('should return the second page when on the first page', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[0].id)).toMatchObject({
+              page: PAGES[1].id
+            });
+          });
+          it('should return undefined when on the last page', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[PAGES.length - 1].id)).toMatchObject({
+              page: undefined
+            });
+          });
+        });
+        describe("when the form type is '".concat(_models.FormTypes.FORM, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.FORM;
+          it("should always return the first page if there any pages and the action is not '".concat(_models.PageAction.TYPES.SAVE_AND_RETURN, "'"), function () {
+            var ACTION = {
+              type: _models.PageAction.TYPES.SUBMIT,
+              nextPageId: 'bob'
+            };
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES)).toMatchObject({
+              page: PAGES[0].id
+            });
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[0].id)).toMatchObject({
+              page: PAGES[0].id
+            });
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[1].id)).toMatchObject({
+              page: PAGES[0].id
+            });
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, PAGES[0].id, ACTION)).toMatchObject({
+              page: PAGES[0].id
+            });
+          });
+          it('should return undefined if there are no pages', function () {
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, [])).toMatchObject({
+              page: undefined
+            });
+          });
+        });
+      });
+    });
+  });
+});