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

package/dist/utils/FormPage/getPageActions.test.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _models = require("../../models");
+var _getPageActions = _interopRequireDefault(require("./getPageActions"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getPageActions', function () {
+      it('should handle a null or undefined page', function () {
+        expect((0, _getPageActions.default)(null)).toBeUndefined();
+        expect((0, _getPageActions.default)(undefined)).toBeUndefined();
+      });
+      it('should handle a null or undefined actions array', function () {
+        expect((0, _getPageActions.default)({
+          actions: null
+        })).toBeUndefined();
+        expect((0, _getPageActions.default)({
+          actions: undefined
+        })).toBeUndefined();
+      });
+      it('should handle an array of strings', function () {
+        var actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
+      });
+      it('should handle a null entry in the array', function () {
+        var actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN, null];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
+      });
+      it('should handle an undefined entry in the array', function () {
+        var actions = [undefined, _models.PageAction.TYPES.SAVE_AND_CONTINUE, undefined, _models.PageAction.TYPES.SAVE_AND_RETURN];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([_models.PageAction.DEFAULTS.saveAndContinue, _models.PageAction.DEFAULTS.saveAndReturn]);
+      });
+      it('should handle an object entry in the array', function () {
+        var actions = [{
+          type: 'navigate',
+          page: 'alpha'
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual(actions);
+      });
+      it('should convert an href to a page', function () {
+        var actions = [{
+          type: 'navigate',
+          href: '/alpha/bravo'
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([{
+          type: 'navigate',
+          page: 'bravo',
+          href: '/alpha/bravo'
+        }]);
+      });
+      it('should convert a url to a page', function () {
+        var actions = [{
+          type: 'navigate',
+          url: '/alpha/bravo'
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([{
+          type: 'navigate',
+          page: 'bravo',
+          url: '/alpha/bravo'
+        }]);
+      });
+      it('should handle an action without a page, href, or url', function () {
+        var actions = [{
+          type: 'submit',
+          label: 'Charlie'
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual(actions);
+      });
+      it('should add a default validation prop if none are present', function () {
+        var actions = [{
+          type: 'saveAndContinue',
+          label: 'Charlie'
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([{
+          type: 'saveAndContinue',
+          label: 'Charlie',
+          validate: true
+        }]);
+      });
+      it('should not overwrite a validation prop when one exists', function () {
+        var actions = [{
+          type: 'submit',
+          label: 'Charlie',
+          validate: false
+        }];
+        expect((0, _getPageActions.default)({
+          actions: actions
+        })).toEqual([{
+          type: 'submit',
+          label: 'Charlie',
+          validate: false
+        }]);
+      });
+    });
+  });
+});

package/dist/utils/FormPage/getParagraphFromText.test.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _models = require("../../models");
+var _getParagraphFromText = _interopRequireDefault(require("./getParagraphFromText"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getParagraphFromText', function () {
+      it('should handle text content', function () {
+        var CONTENT = 'Appropriate text content';
+        expect((0, _getParagraphFromText.default)(CONTENT)).toEqual({
+          type: _models.ComponentTypes.HTML,
+          tagName: 'p',
+          content: CONTENT
+        });
+      });
+      it('should handle undefined content', function () {
+        expect((0, _getParagraphFromText.default)(undefined)).toEqual({
+          type: _models.ComponentTypes.HTML,
+          tagName: 'p'
+        });
+      });
+    });
+  });
+});

package/dist/utils/FormPage/index.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _applyConditionalProperties = _interopRequireDefault(require("./applyConditionalProperties"));
 var _getFormPage = _interopRequireDefault(require("./getFormPage"));
 var _getFormPages = _interopRequireDefault(require("./getFormPages"));
 var _showFormPage = _interopRequireDefault(require("./showFormPage"));
 var _showFormPageCYA = _interopRequireDefault(require("./showFormPageCYA"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var FormPage = {
+  applyConditionalProperties: _applyConditionalProperties.default,
   get: _getFormPage.default,
   getAll: _getFormPages.default,
   show: _showFormPage.default,

package/dist/utils/FormPage/showFormPage.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _Component = _interopRequireDefault(require("../Component"));
+var _showComponent = _interopRequireDefault(require("../Component/showComponent"));
 var _Condition = _interopRequireDefault(require("../Condition"));
 var _Container = _interopRequireDefault(require("../Container"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,7 +18,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  */
 var showEditableComponent = function showEditableComponent(editableComponents, data) {
   return editableComponents.some(function (component) {
-    return _Component.default.show(component, data);
+    return (0, _showComponent.default)(component, data);
   });
 };
 

package/dist/utils/FormPage/showFormPage.test.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _showFormPage = _interopRequireDefault(require("./showFormPage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('showFormPage', function () {
+      var DATA = {
+        alpha: 'Alpha',
+        bravo: 'Bravo'
+      };
+      var HTML = {
+        type: 'html',
+        tagName: 'p',
+        content: 'Alpha'
+      };
+      var INSET_TEXT = {
+        type: 'inset-text',
+        content: 'Bravo'
+      };
+      var HEADING = {
+        type: 'heading',
+        size: 'm',
+        content: 'Charlie'
+      };
+      it('should NOT be shown when the page is null', function () {
+        expect((0, _showFormPage.default)(null, DATA)).toBeFalsy();
+      });
+      it('should NOT be shown when the page has a single show_when condition that is NOT matched', function () {
+        var PAGE = {
+          show_when: {
+            field: 'charlie',
+            op: '=',
+            value: 'Charlie'
+          }
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
+      });
+      it('should NOT be shown when the page has a multiple show_when conditions and at least one is NOT matched', function () {
+        var PAGE = {
+          show_when: [{
+            field: 'alpha',
+            op: '=',
+            value: 'Alpha'
+          }, {
+            field: 'charlie',
+            op: '=',
+            value: 'Charlie'
+          }]
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
+      });
+      it('SHOULD be shown when the page has a single show_when condition that IS matched', function () {
+        var PAGE = {
+          show_when: {
+            field: 'alpha',
+            op: '=',
+            value: 'Alpha'
+          }
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('SHOULD be shown when the page has a multiple show_when conditions that are ALL matched', function () {
+        var PAGE = {
+          show_when: [{
+            field: 'alpha',
+            op: '=',
+            value: 'Alpha'
+          }, {
+            field: 'charlie',
+            op: '!=',
+            value: 'Charlie'
+          }]
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('SHOULD be shown when the page has NO show_when conditions and NO editable components', function () {
+        var PAGE = {
+          components: [HTML, INSET_TEXT, HEADING]
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('should NOT be shown when the page has NO show_when conditions and NO SHOWN editable components', function () {
+        var TEXT = {
+          type: 'text',
+          show_when: {
+            field: 'charlie',
+            op: '=',
+            value: 'Charlie'
+          }
+        };
+        var RADIOS = {
+          type: 'radios',
+          show_when: {
+            field: 'charlie',
+            op: '=',
+            value: 'Charlie'
+          }
+        };
+        var PAGE = {
+          components: [TEXT, RADIOS]
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
+      });
+      it('SHOULD be shown when the page has NO show_when conditions and AT LEAST ONE SHOWN editable components', function () {
+        var TEXT = {
+          type: 'text',
+          show_when: {
+            field: 'alpha',
+            op: '=',
+            value: 'Alpha'
+          }
+        };
+        var RADIOS = {
+          type: 'radios',
+          show_when: {
+            field: 'charlie',
+            op: '=',
+            value: 'Charlie'
+          }
+        };
+        var PAGE = {
+          components: [TEXT, RADIOS]
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and ALL are matched', function () {
+        var PAGE = {
+          show_when: {
+            "type": "or",
+            "conditions": [{
+              field: 'alpha',
+              op: '=',
+              value: 'Alpha'
+            }, {
+              field: 'bravo',
+              op: '=',
+              value: 'Bravo'
+            }]
+          }
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('SHOULD be shown when the page has multiple show_when conditions, with type "or" provided and at least ONE is matched', function () {
+        var PAGE = {
+          show_when: {
+            "type": "or",
+            "conditions": [{
+              field: 'alpha',
+              op: '=',
+              value: 'Alpha'
+            }, {
+              field: 'charlie',
+              op: '=',
+              value: 'Charlie'
+            }]
+          }
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeTruthy();
+      });
+      it('should NOT be shown when the page has multiple show_when conditions, with type "or" provided and NONE are matched', function () {
+        var PAGE = {
+          show_when: {
+            "type": "or",
+            "conditions": [{
+              field: 'alpha',
+              op: '!=',
+              value: 'Alpha'
+            }, {
+              field: 'charlie',
+              op: '=',
+              value: 'Charlie'
+            }]
+          }
+        };
+        expect((0, _showFormPage.default)(PAGE, DATA)).toBeFalsy();
+      });
+    });
+  });
+});

package/dist/utils/FormPage/showFormPageCYA.js

@@ -13,6 +13,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @returns Boolean true if the page should be shown; false if not.
  */
 var showFormPageCYA = function showFormPageCYA(page, data) {
+  // eslint-disable-next-line no-prototype-builtins
   if (page !== null && page !== void 0 && page.hasOwnProperty('show_on_cya') && !page.show_on_cya) {
     return false;
   }

package/dist/utils/FormPage/showFormPageCYA.test.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _showFormPageCYA = _interopRequireDefault(require("./showFormPageCYA"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils.FormPage.showFormPageCYA', function () {
+  var DATA = {
+    alpha: 'Alpha',
+    bravo: 'Bravo'
+  };
+  it('should NOT be shown when the page is null', function () {
+    expect((0, _showFormPageCYA.default)(null, DATA)).toEqual(false);
+  });
+  it('should NOT be shown if the show_on_cya flag is false', function () {
+    var PAGE = {
+      show_on_cya: false
+    };
+    expect((0, _showFormPageCYA.default)(PAGE, DATA)).toEqual(false);
+  });
+  it('SHOULD be shown if the show_on_cya flag is true', function () {
+    var PAGE = {
+      show_on_cya: true
+    };
+    expect((0, _showFormPageCYA.default)(PAGE, DATA)).toEqual(true);
+  });
+  it('SHOULD be shown if the show_on_cya flag is missing', function () {
+    expect((0, _showFormPageCYA.default)({}, DATA)).toEqual(true);
+  });
+});

package/dist/utils/FormPage/useComponent.js

@@ -4,42 +4,61 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+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); }
 var getComponentToUse = function getComponentToUse(toUse, formComponents) {
   var path = toUse.use.split('.');
   var firstId = path.shift();
-  var wrapper = _objectSpread({}, formComponents.find(function (fc) {
+  var wrapper = JSON.parse(JSON.stringify(_objectSpread({}, formComponents.find(function (fc) {
     return fc.id === firstId;
-  }));
+  }))));
+  var component = wrapper;
   var parent = wrapper;
   var _loop = function _loop() {
     var id = path.shift();
-    if (Array.isArray(parent.components)) {
+    if (Array.isArray(component.components)) {
       // Filter the parent components down to just the one referenced
       // by the current id.
+      parent = component;
       parent.components = parent.components.filter(function (c) {
         return c.id === id;
       });
       if (parent.components.length > 0) {
         // Make the found child the parent so we can iterate.
-        parent = parent.components[0];
+        // eslint-disable-next-line prefer-destructuring
+        component = parent.components[0];
       } else {
         // If no child was found, there can be no parent.
-        parent = undefined;
+        component = undefined;
       }
     } else {
       // We cannot find the child with this id if there are no child
       // components on this parent.
-      parent = undefined;
+      component = undefined;
     }
   };
-  while (parent && path.length > 0) {
+  while (component && path.length > 0) {
     _loop();
   }
+  if (component) {
+    component = _objectSpread(_objectSpread(_objectSpread({}, component), toUse), {}, {
+      cya_label: component.label || component.cya_label,
+      fieldId: toUse.fieldId || component.fieldId
+    });
+    if (parent && parent.id !== component.id) {
+      parent.components[0] = component;
+    } else {
+      wrapper = component;
+    }
+    return wrapper;
+  }
+
   // If we missed a nested reference along the way, don't return the wrapper.
-  return parent ? wrapper : undefined;
+  return undefined;
 };
 
 /**
@@ -53,11 +72,7 @@ var useComponent = function useComponent(toUse, formComponents) {
   if (toUse) {
     var component = getComponentToUse(toUse, formComponents);
     if (component) {
-      var fieldId = toUse.fieldId || component.fieldId;
-      return _objectSpread(_objectSpread(_objectSpread({}, component), toUse), {}, {
-        cya_label: component.label || component.cya_label,
-        fieldId: fieldId
-      });
+      return component;
     }
   }
   return _objectSpread({}, toUse);

package/dist/utils/FormPage/useComponent.test.js

@@ -0,0 +1,167 @@
+"use strict";
+
+var _models = require("../../models");
+var _useComponent = _interopRequireDefault(require("./useComponent"));
+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', function () {
+  describe('FormPage', function () {
+    describe('useComponent', function () {
+      var ZULU = {
+        id: 'z',
+        fieldId: 'z',
+        label: 'Zulu',
+        type: _models.ComponentTypes.TEXT
+      };
+      var CONTAINER = {
+        id: 'container',
+        fieldId: 'container',
+        label: 'Container',
+        type: _models.ComponentTypes.CONTAINER,
+        components: [{
+          id: 'f',
+          fieldId: 'f',
+          label: 'Foxtrot',
+          type: _models.ComponentTypes.TEXT
+        }, ZULU]
+      };
+      var FORM_COMPONENTS = [{
+        id: 'a',
+        fieldId: 'a',
+        label: 'Alpha',
+        type: _models.ComponentTypes.TEXT
+      }, {
+        id: 'b',
+        fieldId: 'b',
+        label: 'Bravo',
+        type: _models.ComponentTypes.TEXT
+      }, {
+        id: 'c',
+        fieldId: 'c',
+        label: 'Charlie',
+        type: _models.ComponentTypes.TEXT
+      }, {
+        id: 'd',
+        fieldId: 'd',
+        cya_label: 'Delta',
+        type: _models.ComponentTypes.TEXT
+      }, CONTAINER];
+      it('should handle a null toUse configuration', function () {
+        var TO_USE = null;
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual({});
+      });
+      it('should handle an unrecognised component reference', function () {
+        var TO_USE = {
+          use: 'e',
+          label: 'Echo'
+        };
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
+      });
+      it('should use the appropriate component', function () {
+        var TO_USE = {
+          use: 'a'
+        };
+        var A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: 'a'
+        }, A), {}, {
+          cya_label: A.label
+        }));
+      });
+      it('should allow the fieldId to be overridden', function () {
+        var TO_USE = {
+          use: 'a',
+          fieldId: 'alpha'
+        };
+        var A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: 'a'
+        }, A), {}, {
+          cya_label: A.label,
+          fieldId: TO_USE.fieldId
+        }));
+      });
+      it('should allow the label to be overridden but keep the cya_label unaffected', function () {
+        var TO_USE = {
+          use: 'a',
+          label: 'Alpha foxtrot'
+        };
+        var A = FORM_COMPONENTS[0];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: 'a'
+        }, A), {}, {
+          cya_label: A.label,
+          label: TO_USE.label
+        }));
+      });
+      it('should allow the form component cya_label, if label is empty', function () {
+        var TO_USE = {
+          use: 'd',
+          label: ''
+        };
+        var A = FORM_COMPONENTS[3];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: 'd'
+        }, A), {}, {
+          cya_label: A.cya_label,
+          label: TO_USE.label
+        }));
+      });
+      it('should allow the form component cya_label, if label is not given', function () {
+        var TO_USE = {
+          use: 'd'
+        };
+        var A = FORM_COMPONENTS[3];
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: 'd'
+        }, A), {}, {
+          cya_label: A.cya_label,
+          label: TO_USE.label
+        }));
+      });
+      it('should handle a container', function () {
+        var TO_USE = {
+          use: CONTAINER.id
+        };
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({
+          use: CONTAINER.id
+        }, CONTAINER), {}, {
+          cya_label: CONTAINER.label
+        }));
+      });
+      it('should handle a component nested inside a container', function () {
+        var ID = "".concat(CONTAINER.id, ".").concat(ZULU.id);
+        var TO_USE = {
+          use: ID
+        };
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(_objectSpread(_objectSpread({}, CONTAINER), {}, {
+          components: [_objectSpread(_objectSpread({
+            use: ID
+          }, ZULU), {}, {
+            cya_label: ZULU.label
+          }) // Foxtrot is not included
+          ]
+        }));
+      });
+      it('should handle an unrecognised container reference', function () {
+        var ID = "unrecognised.".concat(ZULU.id);
+        var TO_USE = {
+          use: ID
+        };
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
+      });
+      it('should handle an unrecognised component within a container', function () {
+        var ID = "".concat(CONTAINER.id, ".unrecognised");
+        var TO_USE = {
+          use: ID
+        };
+        expect((0, _useComponent.default)(TO_USE, FORM_COMPONENTS)).toEqual(TO_USE);
+      });
+    });
+  });
+});