@ukhomeoffice/cop-react-form-renderer 0.1.0-beta → 0.1.0-gamma

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

@@ -0,0 +1,253 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+var _react = require("@testing-library/react");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+var _ActionButton = require("../PageActions/ActionButton");
+
+var _FormPage = _interopRequireWildcard(require("./FormPage"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+describe('components', function () {
+  describe('FormPage', function () {
+    var TEXT = {
+      id: 'text',
+      fieldId: 'text',
+      type: 'text',
+      label: 'Text component',
+      hint: 'Text hint'
+    };
+    var VALUE = 'Text value';
+    var PAGE = {
+      id: 'pageId',
+      title: 'Page 1',
+      components: [TEXT],
+      actions: ['submit'],
+      formData: {
+        text: VALUE
+      }
+    };
+    var ON_ACTION_CALLS = [];
+
+    var ON_ACTION = function ON_ACTION(action, patch, onError) {
+      ON_ACTION_CALLS.push({
+        action: action,
+        patch: patch,
+        onError: onError
+      });
+    };
+
+    beforeEach(function () {
+      PAGE.formData = {
+        text: VALUE
+      };
+      ON_ACTION_CALLS.length = 0;
+    });
+    it('should render a submit page correctly', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _render, container, page, heading, formGroup, label, hint, input, buttonGroup, button;
+
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+                page: PAGE,
+                onAction: ON_ACTION
+              })), container = _render.container;
+              page = container.childNodes[0];
+              expect(page.tagName).toEqual('DIV');
+              expect(page.classList).toContain("".concat(_FormPage.DEFAULT_CLASS, "__page"));
+              heading = page.childNodes[0];
+              expect(heading.classList).toContain('govuk-heading-l');
+              expect(heading.textContent).toEqual(PAGE.title);
+              formGroup = page.childNodes[1];
+              expect(formGroup.tagName).toEqual('DIV');
+              expect(formGroup.classList).toContain('govuk-form-group');
+              label = formGroup.childNodes[0];
+              expect(label.tagName).toEqual('LABEL');
+              expect(label.classList).toContain('govuk-label');
+              expect(label.textContent).toEqual("".concat(TEXT.label, " (optional)"));
+              expect(label.getAttribute('for')).toEqual(TEXT.fieldId);
+              hint = formGroup.childNodes[1];
+              expect(hint.tagName).toEqual('SPAN');
+              expect(hint.classList).toContain('govuk-hint');
+              expect(hint.textContent).toEqual(TEXT.hint);
+              input = formGroup.childNodes[2];
+              expect(input.tagName).toEqual('INPUT');
+              expect(input.classList).toContain('govuk-input');
+              expect(input.id).toEqual(TEXT.fieldId);
+              expect(input.value).toEqual(VALUE);
+              buttonGroup = page.childNodes[2];
+              expect(buttonGroup.tagName).toEqual('DIV');
+              expect(buttonGroup.classList).toContain('govuk-button-group');
+              button = buttonGroup.childNodes[0];
+              expect(button.tagName).toEqual('BUTTON');
+              expect(button.classList).toContain('govuk-button');
+              expect(button.textContent).toEqual(_ActionButton.DEFAULT_LABEL);
+
+            case 31:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    it('should handle a page change appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+      var _render2, container, page, input, NEW_VALUE, EVENT;
+
+      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+                page: PAGE,
+                onAction: ON_ACTION
+              })), container = _render2.container;
+              page = container.childNodes[0];
+              expect(page.tagName).toEqual('DIV'); // Change the input.
+
+              input = page.childNodes[1].childNodes[2];
+              NEW_VALUE = "".concat(VALUE, ".");
+              EVENT = {
+                target: {
+                  name: TEXT.fieldId,
+                  value: NEW_VALUE
+                }
+              };
+
+              _react.fireEvent.change(input, EVENT); // And confirm the formData has been changed.
+
+
+              expect(PAGE.formData.text).toEqual(NEW_VALUE);
+
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    })));
+    it('should handle a page action appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+      var _render3, container, page, input, NEW_VALUE, CHANGE_EVENT, button;
+
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+                page: PAGE,
+                onAction: ON_ACTION
+              })), container = _render3.container;
+              page = container.childNodes[0]; // Change the input.
+
+              input = page.childNodes[1].childNodes[2];
+              NEW_VALUE = "".concat(VALUE, ".");
+              CHANGE_EVENT = {
+                target: {
+                  name: TEXT.fieldId,
+                  value: NEW_VALUE
+                }
+              };
+
+              _react.fireEvent.change(input, CHANGE_EVENT); // Then click the action button.
+
+
+              button = page.childNodes[2].childNodes[0];
+
+              _react.fireEvent.click(button, {}); // And confirm an appropriate action was received.
+
+
+              expect(ON_ACTION_CALLS.length).toEqual(1);
+              expect(PAGE.formData.text).toEqual(NEW_VALUE);
+              expect(ON_ACTION_CALLS[0].action).toEqual(_ActionButton.DEFAULT_ACTIONS.submit);
+              expect(ON_ACTION_CALLS[0].patch).toEqual({
+                text: NEW_VALUE
+              });
+
+            case 12:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    })));
+    it('should display errors appropriately', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+      var ERRORS, THROW_ERROR_ON_ACTION, _render4, container, page, input, NEW_VALUE, CHANGE_EVENT, button, errorSummary, errorList, error, errorLink;
+
+      return regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              ERRORS = [{
+                id: TEXT.id,
+                error: 'Invalid value'
+              }];
+
+              THROW_ERROR_ON_ACTION = function THROW_ERROR_ON_ACTION(action, patch, onError) {
+                ON_ACTION_CALLS.push({
+                  action: action,
+                  patch: patch,
+                  onError: onError
+                });
+                onError(ERRORS);
+              };
+
+              _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_FormPage.default, {
+                page: PAGE,
+                onAction: THROW_ERROR_ON_ACTION
+              })), container = _render4.container;
+              page = container.childNodes[0]; // Change the input.
+
+              input = page.childNodes[1].childNodes[2];
+              NEW_VALUE = "".concat(VALUE, ".");
+              CHANGE_EVENT = {
+                target: {
+                  name: TEXT.fieldId,
+                  value: NEW_VALUE
+                }
+              };
+
+              _react.fireEvent.change(input, CHANGE_EVENT); // Then click the action button, which should call the onError callback method.
+
+
+              button = page.childNodes[2].childNodes[0];
+
+              _react.fireEvent.click(button, {}); // And confirm the page error is now displayed.
+
+
+              errorSummary = page.childNodes[1];
+              expect(errorSummary.tagName).toEqual('DIV');
+              expect(errorSummary.id).toEqual('error-summary');
+              expect(errorSummary.classList).toContain('govuk-error-summary');
+              errorList = errorSummary.childNodes[1].childNodes[0];
+              expect(errorList.tagName).toEqual('UL');
+              expect(errorList.classList).toContain('govuk-error-summary__list');
+              expect(errorList.childNodes.length).toEqual(ERRORS.length);
+              error = errorList.childNodes[0];
+              expect(error.tagName).toEqual('LI');
+              errorLink = error.childNodes[0];
+              expect(errorLink.tagName).toEqual('A');
+              expect(errorLink.textContent).toEqual(ERRORS[0].error);
+              expect(errorLink.getAttribute('href')).toEqual("#".concat(ERRORS[0].id));
+
+            case 24:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    })));
+  });
+});

package/dist/components/FormRenderer/FormRenderer.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _hooks = require("../../hooks");
+var _hooks2 = require("../../hooks");
 
 var _models = require("../../models");
 
@@ -63,7 +63,7 @@ var FormRenderer = function FormRenderer(_ref) {
       _hub = _ref.hub,
       _cya = _ref.cya,
       _data = _ref.data,
-      hooks = _ref.hooks,
+      _hooks = _ref.hooks,
       classBlock = _ref.classBlock,
       classModifiers = _ref.classModifiers,
       className = _ref.className;
@@ -100,16 +100,17 @@ var FormRenderer = function FormRenderer(_ref) {
       setFormState = _useState12[1]; // Set up hooks.
 
 
-  var _useHooks = (0, _hooks.useHooks)(),
+  var _useHooks = (0, _hooks2.useHooks)(),
+      hooks = _useHooks.hooks,
       addHook = _useHooks.addHook;
 
   (0, _react.useEffect)(function () {
-    if (hooks) {
-      Object.keys(hooks).forEach(function (key) {
-        addHook(key, hooks[key]);
+    if (_hooks) {
+      Object.keys(_hooks).forEach(function (key) {
+        addHook(key, _hooks[key]);
       });
     }
-  }, [hooks, addHook]); // Setup data.
+  }, [_hooks, addHook]); // Setup data.
 
   (0, _react.useEffect)(function () {
     setData(_utils.default.Data.setupForm(_pages, components, _data));
@@ -120,31 +121,44 @@ var FormRenderer = function FormRenderer(_ref) {
   }, [components, _pages, data, redoPages, setPages]); // Setup hub.
 
   (0, _react.useEffect)(function () {
-    setHub(_utils.default.Hub.get(type, _hub, components));
-  }, [type, _hub, components, setHub]); // Form state.
+    setHub(_utils.default.Hub.get(type, _hub, components, _objectSpread({}, data)));
+  }, [type, _hub, data, components, setHub]); // Form state.
 
   (0, _react.useEffect)(function () {
     setFormState((0, _helpers.getFormState)(pageId, pages, hub));
-  }, [pages, hub, pageId, setFormState]); // Handle actions from pages.
+  }, [pages, hub, pageId, setFormState]); // Call the onFormLoad hook just when this component first renders.
+
+  (0, _react.useEffect)(function () {
+    hooks.onFormLoad();
+  }, [hooks]); // Handle actions from pages.
 
   var onAction = function onAction(action, patch, onError) {
     // First check the validity of the
     if ((0, _helpers.canActionProceed)(action, formState.page, onError)) {
       if (action.type === 'navigate') {
-        setPageId(action.url.replace('/', ''));
+        var newPageId = action.url.replace('/', '');
+        setPageId(newPageId);
+        hooks.onPageChange(newPageId);
       } else if (action.type === 'cancel') {
         setRedoPages(Date.now);
         setPageId('hub');
+        hooks.onPageChange('hub');
       } else {
         // Submit.
         if (patch) {
           setData(function (prev) {
             return _objectSpread(_objectSpread({}, prev), patch);
           });
-        } // Now submit the data to the backend and, if that succeeds...
+        } // Now submit the data to the backend...
 
 
-        setPageId('hub');
+        hooks.onSubmit(action.type, _objectSpread(_objectSpread({}, data), patch), function () {
+          setPageId('hub');
+          hooks.onPageChange('hub');
+        }, function (errors) {
+          // Handle the errors.
+          console.error('Submission errors', errors);
+        });
       }
     }
   }; // Handle navigation from "Check your answers".
@@ -152,12 +166,14 @@ var FormRenderer = function FormRenderer(_ref) {
 
   var onCheckYourAnswerChange = function onCheckYourAnswerChange(page) {
     var action = page.action;
+    var newPageId = page.pageId;
 
     if (action && action.href) {
-      setPageId(action.href.replace('/', ''));
-    } else {
-      setPageId(page.pageId);
+      newPageId = action.href.replace('/', '');
     }
+
+    setPageId(newPageId);
+    hooks.onPageChange(newPageId);
   };
 
   var classes = _utils.default.classBuilder(classBlock, classModifiers, className);
@@ -170,8 +186,7 @@ var FormRenderer = function FormRenderer(_ref) {
     onAction: onCheckYourAnswerChange
   })), formState.page && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: formState.page,
-    onAction: onAction,
-    classes: classes
+    onAction: onAction
   }));
 };
 

package/dist/components/FormRenderer/FormRenderer.stories.mdx

@@ -0,0 +1,87 @@
+<!-- Global imports -->
+import { ArgsTable, Canvas, Meta, Story } from '@storybook/addon-docs';
+import { Details, Heading, Link } from '@ukhomeoffice/cop-react-components';
+import withMock from 'storybook-addon-mock';
+
+<!-- Local imports -->
+import { addHook } from '../../hooks/useHooks';
+import FormRenderer from './FormRenderer';
+
+<!-- JSON documents -->
+import CIVIL_SERVANT from '../../json/areYouACivilServant.json';
+import GRADE from '../../json/grade.json';
+import TEAMS from '../../json/team.json';
+import USER_PROFILE_DATA from '../../json/userProfile.data.json';
+import USER_PROFILE from '../../json/userProfile.json';
+import SAVE_AND_CONTINUE from '../../json/saveAndContinue.json';
+
+<Meta title="Components/Form renderer" id="D-FormRenderer" component={ FormRenderer } decorators={[withMock]} />
+
+<Heading size="xl" caption="Components">Form renderer</Heading>
+
+Renders a form with <Link href="https://ukhomeoffice.github.io/cop-react-components/?path=/docs/d-alert--default-story">COP React components</Link>,
+on the basis of a <Link href="/?path=/docs/f-json-form">JSON</Link> that describes which elements are required.
+
+<Canvas withToolbar>
+  <Story name="Default" parameters={{
+    mockData: [
+      {
+        url: `${USER_PROFILE_DATA.environmentContext.referenceDataUrl}/v2/entities/areYouACivilServant`,
+        method: 'GET',
+        status: 200,
+        response: CIVIL_SERVANT
+      },
+      {
+        url: `${USER_PROFILE_DATA.environmentContext.referenceDataUrl}/v2/entities/grade`,
+        method: 'GET',
+        status: 200,
+        response: GRADE
+      },
+      {
+        url: `${USER_PROFILE_DATA.environmentContext.referenceDataUrl}/v1/entities/team`,
+        method: 'GET',
+        status: 200,
+        response: TEAMS
+      }
+    ]
+  }}>
+    {() => {
+      return (
+        <FormRenderer {...USER_PROFILE} data={USER_PROFILE_DATA} />
+      );
+    }}
+  </Story>
+</Canvas>
+
+<Details summary="Properties" className="no-indent">
+  <ArgsTable of={ FormRenderer } />
+</Details>
+
+## Custom hooks
+
+<Canvas>
+  <Story name="Save and continue">
+    {() => {
+      addHook('onRequest', (req) => {
+        // Do whatever you need to do to the request in here, such as adding an Authorization header.
+        console.log('onRequest hook called');
+        return req;
+      });
+      addHook('onFormLoad', () => {
+        console.log('onFormLoad called');
+      });
+      addHook('onPageChange', (pageId) => {
+        console.log('onPageChange called', pageId);
+      });
+      // In whatever consumes this, do it as:
+      // intercepts.add('onSubmit', (...) => { ... })
+      addHook('onSubmit', (type, payload, onSuccess, onError) => {
+        console.log('onSubmit called of type', type, 'called, with the payload', payload);
+        onSuccess();
+      });
+      return (
+        <FormRenderer {...SAVE_AND_CONTINUE} data={{}} />
+      );
+    }}
+  </Story>
+</Canvas>

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _utils = _interopRequireDefault(require("../../../utils"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+
+/**
+ * Assesses whether the action can proceed when navigating, submitting, etc.
+ * Presently, this will validate a page when submitting and, only if the page is
+ * valid will it proceed. If it's simple navigation, it simply returns true.
+ * @param {object} action The action object we're assessing.
+ * @param {object} page The page configuration object this action relates to.
+ * @param {Function} onError A function to call with any validation errors.
+ * @returns A boolean where `true` means the action can proceed and `false` means it cannot.
+ */
+var canActionProceed = function canActionProceed(action, page, onError) {
+  if (action.validate) {
+    var errors = _utils.default.Validate.page(page.components, page.formData);
+
+    onError(errors);
+    return errors.length === 0;
+  }
+
+  return true;
+};
+
+var _default = canActionProceed;
+exports.default = _default;

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var _canActionProceed = _interopRequireDefault(require("./canActionProceed"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+describe('components', function () {
+  describe('FormRenderer', function () {
+    describe('helpers', function () {
+      describe('canActionProceed', function () {
+        it('should return true when the action does not require validation', function () {
+          var ACTION = {
+            validate: false
+          };
+          expect((0, _canActionProceed.default)(ACTION, {}, function () {})).toBeTruthy();
+        });
+        it('should return true when the page is valid', function () {
+          var ACTION = {
+            validate: true
+          };
+          var PAGE = {
+            components: [{
+              id: 'a',
+              fieldId: 'a',
+              label: 'Alpha',
+              required: true
+            }],
+            formData: {
+              a: 'Bravo'
+            }
+          };
+          expect((0, _canActionProceed.default)(ACTION, PAGE, function () {})).toBeTruthy();
+        });
+        it('should return false when the page is invalid and should have called the onErrors method appropriately', function () {
+          var ACTION = {
+            validate: true
+          };
+          var PAGE = {
+            components: [{
+              id: 'a',
+              fieldId: 'a',
+              label: 'Alpha',
+              required: true
+            }],
+            formData: {}
+          };
+          var ERRORS = [];
+
+          var ON_ERROR = function ON_ERROR(errors) {
+            ERRORS.push.apply(ERRORS, _toConsumableArray(errors));
+          };
+
+          expect((0, _canActionProceed.default)(ACTION, PAGE, ON_ERROR)).toBeFalsy();
+          expect(ERRORS.length).toEqual(1);
+          expect(ERRORS[0].id).toEqual('a');
+          expect(ERRORS[0].error).toEqual('Alpha is required');
+        });
+      });
+    });
+  });
+});

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _models = require("../../../models");
+
+// Local imports
+
+/**
+ * Gets a configuration object for the Check your answers screen.
+ * @param {string} pageId The current page identifier.
+ * @param {object} hub The hub, if there is one.
+ * @returns A configuration object for the Check your answers screen.
+ */
+var getCYA = function getCYA(pageId, hub) {
+  if (pageId === 'hub' && hub === _models.HubFormats.CYA) {
+    return {
+      title: ''
+    };
+  } else if (pageId === _models.HubFormats.CYA) {
+    return {};
+  }
+
+  return undefined;
+};
+
+var _default = getCYA;
+exports.default = _default;

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _models = require("../../../models");
+
+var _getCYA = _interopRequireDefault(require("./getCYA"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+describe('components', function () {
+  describe('FormRenderer', function () {
+    describe('helpers', function () {
+      var HUB = {
+        id: 'hub',
+        components: []
+      };
+      describe('getCYA', function () {
+        it('should give an empty object if the pageId is "CYA"', function () {
+          expect((0, _getCYA.default)(_models.HubFormats.CYA)).toEqual({});
+        });
+        it('should give an object with a blank title if the pageId is "hub" and the hub is the CYA', function () {
+          expect((0, _getCYA.default)('hub', _models.HubFormats.CYA)).toEqual({
+            title: ''
+          });
+        });
+        it('should give undefined if pageId is "hub" and the hub is NOT the CYA', function () {
+          expect((0, _getCYA.default)('hub', HUB)).toBeUndefined();
+        });
+        it('should give undefined if pageId is NOT "hub" and the hub is NOT the CYA', function () {
+          expect((0, _getCYA.default)('bob', HUB)).toBeUndefined();
+        });
+        it('should give undefined if pageId is NOT "hub" and the hub is the CYA', function () {
+          expect((0, _getCYA.default)('bob', _models.HubFormats.CYA)).toBeUndefined();
+        });
+      });
+    });
+  });
+});

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _getCYA = _interopRequireDefault(require("./getCYA"));
+
+var _getPage = _interopRequireDefault(require("./getPage"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+
+/**
+ * Sets up the state of the form, including the current page and the Check your answers screen.
+ * @param {string} pageId The current page identifier.
+ * @param {Array} pages All of the pages in the form.
+ * @param {object} hub The hub, if there is one.
+ * @returns The current state of the form.
+ */
+var getFormState = function getFormState(pageId, pages, hub) {
+  return {
+    pageId: pageId,
+    cya: (0, _getCYA.default)(pageId, hub),
+    page: (0, _getPage.default)(pageId, pages, hub)
+  };
+};
+
+var _default = getFormState;
+exports.default = _default;