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

package/dist/utils/Validate/validateEmail.test.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _validateEmail = _interopRequireDefault(require("./validateEmail"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('email', function () {
+      var LABEL = 'Component';
+      var ERROR = "Enter ".concat(LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk");
+
+      // Valid values
+      it('should return no error when the value is a valid .gov.uk address', function () {
+        expect((0, _validateEmail.default)('alpha@homeoffice.gov.uk', LABEL)).toBeUndefined();
+      });
+      it('should return no error when the value is a capitalised digital.homeoffice.gov.uk address', function () {
+        expect((0, _validateEmail.default)('ALPHA.BRAVO@DIGITAL.HOMEOFFICE.GOV.UK', LABEL)).toBeUndefined();
+      });
+      it('should return no error when the value is an empty string', function () {
+        expect((0, _validateEmail.default)('', LABEL)).toBeUndefined();
+      });
+
+      // Invalid values
+      it('should return an error when the value is an empty object', function () {
+        expect((0, _validateEmail.default)({}, LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the value is an array', function () {
+        expect((0, _validateEmail.default)(['bob'], LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the value is numeric', function () {
+        expect((0, _validateEmail.default)(24, LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the value is in the wrong domain', function () {
+        expect((0, _validateEmail.default)('alpha@domain.com', LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the domain contains spaces', function () {
+        expect((0, _validateEmail.default)('alpha.bravo@digital homeoffice.gov.uk', LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the value has no TLD', function () {
+        expect((0, _validateEmail.default)('alpha.bravo@homeoffice', LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when there is no name', function () {
+        expect((0, _validateEmail.default)('@homeoffice.gov.uk', LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when there is no @ symbol', function () {
+        expect((0, _validateEmail.default)('alpha.bravo.homeoffice.gov.uk', LABEL)).toEqual(ERROR);
+      });
+      it('should return an error when the name contains spaces', function () {
+        expect((0, _validateEmail.default)('alpha bravo@digital.homeoffice.gov.uk', LABEL)).toEqual(ERROR);
+      });
+      it('should use a default label when none is specified', function () {
+        var DEFAULT_ERROR = 'Enter email address in the correct format, like jane.doe@homeoffice.gov.uk';
+        expect((0, _validateEmail.default)(['bob'], undefined)).toEqual(DEFAULT_ERROR);
+      });
+      it('should use a custom format error message when specified', function () {
+        var customErrors = [{
+          'type': 'format',
+          'message': 'Enter email address in the correct format'
+        }];
+        var CUSTOM_ERROR = 'Enter email address in the correct format';
+        expect((0, _validateEmail.default)('bob', '', customErrors)).toEqual(CUSTOM_ERROR);
+      });
+      it('should use the default format error message when custom errors is not an array', function () {
+        var DEFAULT_ERROR = 'Enter email address in the correct format, like jane.doe@homeoffice.gov.uk';
+        var customErrors = {
+          'type': 'format',
+          'message': 'Enter email address in the correct format'
+        };
+        expect((0, _validateEmail.default)('bob', '', customErrors)).toEqual(DEFAULT_ERROR);
+      });
+    });
+  });
+});

package/dist/utils/Validate/validateMultifile.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DEFAULT_ERROR = void 0;
+var DEFAULT_ERROR = 'Invalid files must be deleted';
+exports.DEFAULT_ERROR = DEFAULT_ERROR;
+var validateMultifile = function validateMultifile(value, customErrors) {
+  if (!value) {
+    return undefined;
+  }
+  var inError = false;
+  value.every(function (entry) {
+    inError = entry.error;
+    return !inError;
+  });
+  if (inError) {
+    if (Array.isArray(customErrors)) {
+      var result = customErrors.filter(function (error) {
+        return error.type === 'invalidFile';
+      });
+      if (result && result.length > 0 && result[0].message) {
+        return result[0].message;
+      }
+    }
+    return DEFAULT_ERROR;
+  }
+  return undefined;
+};
+var _default = validateMultifile;
+exports.default = _default;

package/dist/utils/Validate/validateMultifile.test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+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); }
+var _validateMultifile = _interopRequireWildcard(require("./validateMultifile"));
+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; }
+// Local imports
+
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('multifile', function () {
+      var ERROR_MSG = 'This is a custom error message';
+      var CUSTOM_ERRORS = [{
+        type: 'invalidFile',
+        message: ERROR_MSG
+      }];
+
+      // Valid values.
+      it('should return no error when value is nullish', function () {
+        var VALUE = null;
+        expect((0, _validateMultifile.default)(VALUE, [])).toBeUndefined();
+      });
+      it('should return no error when value is an empty array', function () {
+        var VALUE = [];
+        expect((0, _validateMultifile.default)(VALUE, [])).toBeUndefined();
+      });
+      it('should return no error when value only contains valid files', function () {
+        var VALUE = [{}, {}];
+        expect((0, _validateMultifile.default)(VALUE, [])).toBeUndefined();
+      });
+
+      // Invalid values.
+      it('should return an error when valid contains invalid files', function () {
+        var VALUE = [{
+          error: 'This is an invalid file'
+        }];
+        expect((0, _validateMultifile.default)(VALUE, [])).toEqual(_validateMultifile.DEFAULT_ERROR);
+      });
+      it('should return a custom error when one is provided', function () {
+        var VALUE = [{
+          error: 'This is an invalid file'
+        }];
+        expect((0, _validateMultifile.default)(VALUE, CUSTOM_ERRORS)).toEqual(ERROR_MSG);
+      });
+    });
+  });
+});

package/dist/utils/Validate/validatePage.js

@@ -9,9 +9,12 @@ var _validateComponent = _interopRequireDefault(require("./validateComponent"));
 var _CollectionPage = _interopRequireDefault(require("../CollectionPage"));
 var _showFormPage = _interopRequireDefault(require("../FormPage/showFormPage"));
 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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 /**
  * Validate all of the components on a page.
  * @param {object} page The page to validate
@@ -23,16 +26,19 @@ var validatePage = function validatePage(page) {
     var activeIndex = _CollectionPage.default.getActiveIndex(page.collection.name, page.formData);
     if (activeIndex !== null) {
       var _page$formData$page$c;
-      data = (_page$formData$page$c = page.formData[page.collection.name]) === null || _page$formData$page$c === void 0 ? void 0 : _page$formData$page$c[activeIndex];
+      data = _objectSpread(_objectSpread({}, page.formData), (_page$formData$page$c = page.formData[page.collection.name]) === null || _page$formData$page$c === void 0 ? void 0 : _page$formData$page$c[activeIndex]);
     }
   }
-  if ((0, _showFormPage.default)(page, page.formData) && Array.isArray(page.components)) {
+  if ((0, _showFormPage.default)(page, data) && Array.isArray(page.components)) {
     var errs = page.components.reduce(function (errors, component) {
       var componentErrors = (0, _validateComponent.default)(component, data, data);
       return errors.concat(componentErrors).flat().map(function (err) {
-        return !!err ? _objectSpread(_objectSpread({}, err), {}, {
-          error: _copReactComponents.Utils.interpolateString(err.error, data)
-        }) : err;
+        if (err) {
+          return _objectSpread(_objectSpread({}, err), {}, {
+            error: _copReactComponents.Utils.interpolateString(err.error, data)
+          });
+        }
+        return err;
       });
     }, []).filter(function (e) {
       return !!e;

package/dist/utils/Validate/validatePage.test.js

@@ -0,0 +1,472 @@
+"use strict";
+
+var _models = require("../../models");
+var _validatePage = _interopRequireDefault(require("./validatePage"));
+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); }
+describe('utils.Validate.Page', function () {
+  var setup = function setup(id, type, label, required) {
+    return {
+      id: id,
+      fieldId: id,
+      type: type,
+      label: label,
+      required: required
+    };
+  };
+  describe('with FormPage', function () {
+    it('should return no error when the components array is null', function () {
+      var PAGE = {
+        components: null,
+        formData: null
+      };
+      expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+    });
+    it('should return no error when the components array is empty', function () {
+      var PAGE = {
+        components: [],
+        formData: null
+      };
+      expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+    });
+    describe('when there is no form data', function () {
+      it('should return no errors when no components are required', function () {
+        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', false), setup('b', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: null
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return an error for each required component', function () {
+        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+        // The only unrequired one
+        setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: null
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(4);
+        expect(RESULT[0]).toEqual({
+          id: 'a',
+          error: 'Alpha is required'
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'b',
+          error: 'Bravo is required'
+        });
+        expect(RESULT[2]).toEqual({
+          id: 'd',
+          error: 'Delta is required'
+        });
+        expect(RESULT[3]).toEqual({
+          id: 'e',
+          error: 'Echo is required'
+        });
+      });
+      it('should return an error for each required component on a collection page', function () {
+        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+        // The only unrequired one
+        setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          collection: {
+            name: 'testCollection'
+          },
+          formData: null
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(4);
+        expect(RESULT[0]).toEqual({
+          id: 'a',
+          error: 'Alpha is required'
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'b',
+          error: 'Bravo is required'
+        });
+        expect(RESULT[2]).toEqual({
+          id: 'd',
+          error: 'Delta is required'
+        });
+        expect(RESULT[3]).toEqual({
+          id: 'e',
+          error: 'Echo is required'
+        });
+      });
+      it('should return an error for each required component with interpolated label', function () {
+        var COMPONENTS = [
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('a', _models.ComponentTypes.TEXT, 'Alpha ${tiger}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('b', _models.ComponentTypes.EMAIL, 'Bravo ${panther}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('c', _models.ComponentTypes.AUTOCOMPLETE, 'Charlie ${eagle}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('d', _models.ComponentTypes.CHECKBOXES, 'Delta ${lion}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('e', _models.ComponentTypes.FILE, 'Echo ${zoo}', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: {
+            tiger: 'Tiger',
+            panther: 'Panther',
+            eagle: 'Eagle',
+            lion: 'Lion',
+            zoo: 'Zoo'
+          }
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(5);
+        expect(RESULT[0]).toEqual({
+          id: 'a',
+          error: "Alpha ".concat(PAGE.formData.tiger, " is required")
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'b',
+          error: "Bravo ".concat(PAGE.formData.panther, " is required")
+        });
+        expect(RESULT[2]).toEqual({
+          id: 'c',
+          error: "Charlie ".concat(PAGE.formData.eagle, " is required")
+        });
+        expect(RESULT[3]).toEqual({
+          id: 'd',
+          error: "Delta ".concat(PAGE.formData.lion, " is required")
+        });
+        expect(RESULT[4]).toEqual({
+          id: 'e',
+          error: "Echo ".concat(PAGE.formData.zoo, " is required")
+        });
+      });
+    });
+    describe('when the form data is fully valid', function () {
+      var DATA = {
+        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+        bravo: 'bravo.jones@digital.homeoffice.gov.uk'
+      };
+      it('should return no errors when none of the components are required or email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when all of the components are required but not email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when none of the components are required but are all email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when all of the components are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+    });
+    describe('when the form data has one field missing and includes an invalid email', function () {
+      var DATA = {
+        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+        bravo: 'bravo.jones@hotmail.com'
+      };
+      it('should return no errors when none of the components are required or email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: null
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return an error for the missing field when all are required but not email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(1);
+        expect(RESULT[0]).toEqual({
+          id: 'charlie',
+          error: 'Charlie is required'
+        });
+      });
+      it('should return an error for the invalid email field when none are required but all email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(1);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
+        });
+      });
+      it('should return an error for both invalid fields when all are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(2);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'charlie',
+          error: 'Charlie is required'
+        });
+      });
+      it('should return an interpolated error for both invalid fields when all are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo ${lion}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie ${panther}', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          formData: _objectSpread(_objectSpread({}, DATA), {}, {
+            lion: 'Lion',
+            panther: 'Panther'
+          })
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(2);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: "Enter bravo ".concat(PAGE.formData.lion, " in the correct format, like jane.doe@homeoffice.gov.uk")
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'charlie',
+          error: "Charlie ".concat(PAGE.formData.panther, " is required")
+        });
+      });
+    });
+  });
+  describe('with CollectionPage', function () {
+    var COLLECTION = {
+      name: 'pageCollection'
+    };
+    describe('when the form data is fully valid', function () {
+      var _DATA;
+      var DATA = (_DATA = {}, _defineProperty(_DATA, "".concat(COLLECTION.name, "ActiveId"), '01'), _defineProperty(_DATA, COLLECTION.name, [{
+        id: '01',
+        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+        bravo: 'bravo.jones@digital.homeoffice.gov.uk'
+      }]), _DATA);
+      it('should return no errors when none of the components are required or email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when all of the components are required but not email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when none of the components are required but are all email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return no errors when all of the components are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return an error for each required component on a collection page with a show_when that is true', function () {
+        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+        // The only unrequired one
+        setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          collection: {
+            name: 'testCollection'
+          },
+          show_when: {
+            field: 'isShown',
+            op: '=',
+            value: true
+          },
+          formData: {
+            testCollectionActiveId: 123,
+            testCollection: [{
+              id: 123,
+              isShown: true
+            }]
+          }
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(4);
+        expect(RESULT[0]).toEqual({
+          id: 'a',
+          error: 'Alpha is required'
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'b',
+          error: 'Bravo is required'
+        });
+        expect(RESULT[2]).toEqual({
+          id: 'd',
+          error: 'Delta is required'
+        });
+        expect(RESULT[3]).toEqual({
+          id: 'e',
+          error: 'Echo is required'
+        });
+      });
+      it('should return no errors on a collection page with a show_when that is false', function () {
+        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+        // The only unrequired one
+        setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
+        var PAGE = {
+          components: COMPONENTS,
+          collection: {
+            name: 'testCollection'
+          },
+          show_when: {
+            field: 'isShown',
+            op: '=',
+            value: true
+          },
+          formData: {
+            testCollectionActiveId: 123,
+            testCollection: [{
+              id: 123,
+              isShown: false
+            }]
+          }
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(0);
+      });
+    });
+    describe('when the form data has one field missing and includes an invalid email', function () {
+      var _DATA2;
+      var DATA = (_DATA2 = {}, _defineProperty(_DATA2, "".concat(COLLECTION.name, "ActiveId"), '01'), _defineProperty(_DATA2, COLLECTION.name, [{
+        id: '01',
+        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+        bravo: 'bravo.jones@hotmail.com'
+      }]), _DATA2);
+      it('should return no errors when none of the components are required or email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: null
+        };
+        expect((0, _validatePage.default)(PAGE).length).toEqual(0);
+      });
+      it('should return an error for the missing field when all are required but not email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(1);
+        expect(RESULT[0]).toEqual({
+          id: 'charlie',
+          error: 'Charlie is required'
+        });
+      });
+      it('should return an error for the invalid email field when none are required but all email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(1);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
+        });
+      });
+      it('should return an error for both invalid fields when all are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: DATA
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(2);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'charlie',
+          error: 'Charlie is required'
+        });
+      });
+      it('should return an interpolated error for both invalid fields when all are required and email types', function () {
+        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo ${lion}', true),
+        // eslint-disable-next-line no-template-curly-in-string
+        setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie ${panther}', true)];
+        var PAGE = {
+          collection: COLLECTION,
+          components: COMPONENTS,
+          formData: _objectSpread(_objectSpread({}, DATA), {}, _defineProperty({}, COLLECTION.name, [_objectSpread(_objectSpread({}, DATA[COLLECTION.name][0]), {}, {
+            lion: 'Lion',
+            panther: 'Panther'
+          })]))
+        };
+        var RESULT = (0, _validatePage.default)(PAGE);
+        expect(RESULT.length).toEqual(2);
+        expect(RESULT[0]).toEqual({
+          id: 'bravo',
+          error: "Enter bravo ".concat(PAGE.formData[COLLECTION.name][0].lion, " in the correct format, like jane.doe@homeoffice.gov.uk")
+        });
+        expect(RESULT[1]).toEqual({
+          id: 'charlie',
+          error: "Charlie ".concat(PAGE.formData[COLLECTION.name][0].panther, " is required")
+        });
+      });
+    });
+  });
+});