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

package/dist/utils/Condition/meetsOneCondition.js

@@ -23,7 +23,7 @@ var meetsOneCondition = function meetsOneCondition(options, data) {
     var arr = Array.isArray(conditions) ? conditions : [conditions];
     return arr.some(function (condition) {
       var sourceDataValue = _Data.default.getSource(data, condition.field);
-      return (0, _meetsCondition.default)(condition, sourceDataValue);
+      return (0, _meetsCondition.default)(condition, sourceDataValue, data);
     });
   }
   return true;

package/dist/utils/Condition/meetsOneCondition.test.js

@@ -0,0 +1,100 @@
+"use strict";
+
+var _meetsOneCondition = _interopRequireDefault(require("./meetsOneCondition"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils.Condition.meetsOneCondition', function () {
+  var DATA = {
+    alpha: 'bravo',
+    charlie: 'delta'
+  };
+  it('should evaluate to true when conditions are null', function () {
+    expect((0, _meetsOneCondition.default)(null, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when conditions are undefined', function () {
+    expect((0, _meetsOneCondition.default)(undefined, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when conditions is an empty array', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": []
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when one condition is provided and one condition is met', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": [{
+        field: 'alpha',
+        op: 'eq',
+        value: 'bravo'
+      }]
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when two conditions are provided and one condition is met', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": [{
+        field: 'alpha',
+        op: 'eq',
+        value: 'bravo'
+      }, {
+        field: 'alpha',
+        op: 'eq',
+        value: "charlie"
+      }]
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when three conditions are provided and two conditions are met', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": [{
+        field: 'alpha',
+        op: 'eq',
+        value: 'bravo'
+      }, {
+        field: 'charlie',
+        op: 'eq',
+        value: 'delta'
+      }, {
+        field: 'alpha',
+        op: 'eq',
+        value: "charlie"
+      }]
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+  it('should evaluate to true when all conditions are met', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": [{
+        field: 'alpha',
+        op: 'eq',
+        value: 'bravo'
+      }, {
+        field: 'charlie',
+        op: 'eq',
+        value: 'delta'
+      }]
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+  it('should evaluate to false when no conditions are met', function () {
+    var CONDITION = {
+      "type": "or",
+      "conditions": [{
+        field: 'alpha',
+        op: 'eq',
+        value: 'delta'
+      }, {
+        field: 'charlie',
+        op: 'eq',
+        value: 'bravo'
+      }]
+    };
+    expect((0, _meetsOneCondition.default)(CONDITION, DATA)).toBeTruthy();
+  });
+});

package/dist/utils/Condition/setupConditions.js

@@ -6,16 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _Data = _interopRequireDefault(require("../Data"));
 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); }
 var makeComponentFieldsAbsolute = function makeComponentFieldsAbsolute(component) {
   if (component.show_when) {
     var conditions = component.show_when.type ? component.show_when.conditions : component.show_when;
-    var full_path = component.full_path;
+    var fullPath = component.full_path;
     conditions = Array.isArray(conditions) ? conditions : [conditions];
     return conditions.map(function (condition) {
-      var field = _Data.default.getDataPath(condition.field, full_path);
+      var field = _Data.default.getDataPath(condition.field, fullPath);
       return _objectSpread(_objectSpread({}, condition), {}, {
         field: field
       });

package/dist/utils/Condition/setupConditions.test.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _setupConditions = _interopRequireDefault(require("./setupConditions"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils.Condition.setupConditions', function () {
+  it('should return an array of conditions directly', function () {
+    var OPTIONS = [{
+      field: 'alpha',
+      op: '=',
+      value: 'ALPHA'
+    }];
+    expect((0, _setupConditions.default)(OPTIONS)).toEqual(OPTIONS);
+  });
+  it('should return a condition directly', function () {
+    var OPTIONS = {
+      field: 'alpha',
+      op: '=',
+      value: 'ALPHA'
+    };
+    expect((0, _setupConditions.default)(OPTIONS)).toEqual(OPTIONS);
+  });
+  it('should return the options on a component with untouched absolute path fields', function () {
+    var OPTIONS = {
+      id: 'field',
+      show_when: {
+        field: 'alpha',
+        op: '=',
+        value: 'ALPHA'
+      }
+    };
+    expect((0, _setupConditions.default)(OPTIONS)).toEqual([OPTIONS.show_when]);
+  });
+});

package/dist/utils/Container/getEditableComponents.test.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _models = require("../../models");
+var _isEditable = require("../Component/isEditable");
+var _getEditableComponents = _interopRequireDefault(require("./getEditableComponents"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils.Container.getEditableComponents', function () {
+  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 return an empty array for a null container', function () {
+    expect((0, _getEditableComponents.default)(null)).toEqual([]);
+  });
+  it('should return an empty array for a container with no components', function () {
+    expect((0, _getEditableComponents.default)({
+      components: []
+    })).toEqual([]);
+  });
+  it('should return an empty array for a container with only non-editable components', function () {
+    var COMPONENTS = [HTML, INSET_TEXT, HEADING];
+    expect((0, _getEditableComponents.default)({
+      components: COMPONENTS
+    })).toEqual([]);
+  });
+  it('should return an empty array for a container that contains a container with only non-editable components', function () {
+    var COMPONENTS = [HTML, INSET_TEXT, HEADING];
+    var INNER_CONTAINER = {
+      type: _models.ComponentTypes.CONTAINER,
+      components: COMPONENTS
+    };
+    expect((0, _getEditableComponents.default)({
+      components: [INNER_CONTAINER]
+    })).toEqual([]);
+  });
+  _isEditable.EDITABLE_TYPES.forEach(function (type) {
+    it("should return just the \"".concat(type, "\" component if it exists in the components, but no non-editable ones"), function () {
+      var EDITABLE = {
+        type: type
+      };
+      var COMPONENTS = [HTML, EDITABLE, INSET_TEXT, HEADING];
+      expect((0, _getEditableComponents.default)({
+        components: COMPONENTS
+      })).toEqual([EDITABLE]);
+    });
+    it("should return just the \"".concat(type, "\" component if it exists inside an inner container's components, but no non-editable ones"), function () {
+      var EDITABLE = {
+        type: type
+      };
+      var COMPONENTS = [HTML, EDITABLE, INSET_TEXT, HEADING];
+      var INNER_CONTAINER = {
+        type: _models.ComponentTypes.CONTAINER,
+        components: COMPONENTS
+      };
+      expect((0, _getEditableComponents.default)({
+        components: [INNER_CONTAINER]
+      })).toEqual([EDITABLE]);
+    });
+    it("should return just all \"".concat(type, "\" components that exists at any nested level within the container, but no non-editable ones"), function () {
+      var EDITABLE = {
+        type: type
+      };
+      var COMPONENTS = [HTML, EDITABLE, INSET_TEXT, HEADING];
+      var INNER_INNER_CONTAINER = {
+        type: _models.ComponentTypes.CONTAINER,
+        components: COMPONENTS
+      };
+      var INNER_CONTAINER = {
+        type: _models.ComponentTypes.CONTAINER,
+        components: [].concat(COMPONENTS, [INNER_INNER_CONTAINER])
+      };
+      expect((0, _getEditableComponents.default)({
+        components: [EDITABLE, INNER_CONTAINER]
+      })).toEqual([EDITABLE, EDITABLE, EDITABLE]);
+    });
+  });
+  it('should return all editable components and no non-editable ones', function () {
+    var COMPONENTS = [HTML, INSET_TEXT, HEADING];
+    _isEditable.EDITABLE_TYPES.forEach(function (type) {
+      COMPONENTS.push({
+        type: type
+      });
+    });
+    var RESULT = (0, _getEditableComponents.default)({
+      components: COMPONENTS
+    });
+    expect(RESULT.length).toEqual(_isEditable.EDITABLE_TYPES.length);
+    _isEditable.EDITABLE_TYPES.forEach(function (type) {
+      expect(RESULT).toContainEqual({
+        type: type
+      });
+    });
+  });
+  it('should return all editable components and no non-editable ones, regardless of nesting level', function () {
+    var EDITABLE_COMPONENTS = _isEditable.EDITABLE_TYPES.map(function (type) {
+      return {
+        type: type
+      };
+    });
+    var NON_EDITABLE_COMPONENTS = [HTML, INSET_TEXT, HEADING];
+    var COMPONENTS = [].concat(EDITABLE_COMPONENTS, NON_EDITABLE_COMPONENTS, [{
+      type: _models.ComponentTypes.CONTAINER,
+      id: 'inner',
+      components: [].concat(EDITABLE_COMPONENTS, NON_EDITABLE_COMPONENTS, [{
+        type: _models.ComponentTypes.CONTAINER,
+        id: 'inner-inner',
+        components: [].concat(NON_EDITABLE_COMPONENTS, EDITABLE_COMPONENTS)
+      }])
+    }]);
+    var RESULT = (0, _getEditableComponents.default)({
+      components: COMPONENTS
+    });
+    expect(RESULT.length).toEqual(_isEditable.EDITABLE_TYPES.length * 3); // 1 each at top, inner, and inner-inner levels.
+    _isEditable.EDITABLE_TYPES.forEach(function (type) {
+      expect(RESULT).toContainEqual({
+        type: type
+      });
+    });
+    expect(RESULT).not.toContainEqual(HTML);
+    expect(RESULT).not.toContainEqual(INSET_TEXT);
+    expect(RESULT).not.toContainEqual(HEADING);
+  });
+});

package/dist/utils/Container/setupNesting.js

@@ -5,18 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _models = require("../../models");
+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 nestComponents = function nestComponents(container) {
   var containerPath = container.full_path || container.fieldId;
   return container.components.map(function (component) {
+    // eslint-disable-next-line camelcase
     var full_path = containerPath ? "".concat(containerPath, ".").concat(component.fieldId) : component.fieldId;
     var ret = _objectSpread(_objectSpread({}, component), {}, {
       full_path: full_path
     });
     if (component.type === _models.ComponentTypes.CONTAINER) {
-      return setupNesting(ret);
+      return (
+        // eslint-disable-next-line no-use-before-define
+        setupNesting(ret)
+      );
+    }
+    if (component.type === _models.ComponentTypes.RADIOS) {
+      var _ret$data, _ret$data$options;
+      (_ret$data = ret.data) === null || _ret$data === void 0 ? void 0 : (_ret$data$options = _ret$data.options) === null || _ret$data$options === void 0 ? void 0 : _ret$data$options.forEach(function (option, optionIndex) {
+        var _option$nested;
+        (_option$nested = option.nested) === null || _option$nested === void 0 ? void 0 : _option$nested.forEach(function (nest, nestIndex) {
+          if (nest.type === _models.ComponentTypes.CONTAINER) {
+            // eslint-disable-next-line no-use-before-define
+            ret.data.options[optionIndex].nested[nestIndex] = setupNesting(nest);
+          }
+        });
+      });
     }
     return ret;
   });

package/dist/utils/Container/setupNesting.test.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _models = require("../../models");
+var _setupNesting = _interopRequireDefault(require("./setupNesting"));
+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.Container.setupNesting', function () {
+  var getComponent = function getComponent(id, type) {
+    return {
+      id: id,
+      fieldId: id,
+      type: type
+    };
+  };
+  it('should handle an undefined container', function () {
+    expect((0, _setupNesting.default)(undefined)).toBeUndefined();
+  });
+  it('should handle a null container', function () {
+    expect((0, _setupNesting.default)(null)).toBeNull();
+  });
+  it('should handle a single level of nesting', function () {
+    var CONTAINER = _objectSpread(_objectSpread({}, getComponent('container', _models.ComponentTypes.CONTAINER)), {}, {
+      components: [getComponent('text', _models.ComponentTypes.TEXT), getComponent('email', _models.ComponentTypes.EMAIL)]
+    });
+    expect((0, _setupNesting.default)(CONTAINER)).toEqual({
+      id: 'container',
+      fieldId: 'container',
+      type: _models.ComponentTypes.CONTAINER,
+      components: [{
+        id: 'text',
+        fieldId: 'text',
+        full_path: 'container.text',
+        type: _models.ComponentTypes.TEXT
+      }, {
+        id: 'email',
+        fieldId: 'email',
+        full_path: 'container.email',
+        type: _models.ComponentTypes.EMAIL
+      }]
+    });
+  });
+  it('should handle multiple levels of nesting', function () {
+    var CONTAINER = _objectSpread(_objectSpread({}, getComponent('container', _models.ComponentTypes.CONTAINER)), {}, {
+      components: [getComponent('text', _models.ComponentTypes.TEXT), _objectSpread(_objectSpread({}, getComponent('inner', _models.ComponentTypes.CONTAINER)), {}, {
+        components: [getComponent('text', _models.ComponentTypes.TEXT), getComponent('email', _models.ComponentTypes.EMAIL)]
+      }), getComponent('email', _models.ComponentTypes.EMAIL)]
+    });
+    expect((0, _setupNesting.default)(CONTAINER)).toEqual({
+      id: 'container',
+      fieldId: 'container',
+      type: _models.ComponentTypes.CONTAINER,
+      components: [{
+        id: 'text',
+        fieldId: 'text',
+        full_path: 'container.text',
+        type: _models.ComponentTypes.TEXT
+      }, {
+        id: 'inner',
+        fieldId: 'inner',
+        full_path: 'container.inner',
+        type: _models.ComponentTypes.CONTAINER,
+        components: [{
+          id: 'text',
+          fieldId: 'text',
+          full_path: 'container.inner.text',
+          type: _models.ComponentTypes.TEXT
+        }, {
+          id: 'email',
+          fieldId: 'email',
+          full_path: 'container.inner.email',
+          type: _models.ComponentTypes.EMAIL
+        }]
+      }, {
+        id: 'email',
+        fieldId: 'email',
+        full_path: 'container.email',
+        type: _models.ComponentTypes.EMAIL
+      }]
+    });
+  });
+  it('should handle a container under a radio button', function () {
+    var CONTAINER = _objectSpread(_objectSpread({}, getComponent('container', _models.ComponentTypes.CONTAINER)), {}, {
+      components: [getComponent('text', _models.ComponentTypes.TEXT), getComponent('email', _models.ComponentTypes.EMAIL)]
+    });
+    var RADIO = {
+      id: 'radio',
+      fieldId: 'radio',
+      type: 'radios',
+      data: {
+        options: [{
+          value: 'yes',
+          label: 'Yes'
+        }, {
+          value: 'no',
+          label: 'No',
+          nested: [CONTAINER]
+        }]
+      }
+    };
+    var TOP_CONTAINER = _objectSpread(_objectSpread({}, getComponent('topContainer', _models.ComponentTypes.CONTAINER)), {}, {
+      components: [RADIO]
+    });
+    expect((0, _setupNesting.default)(TOP_CONTAINER)).toEqual({
+      id: 'topContainer',
+      fieldId: 'topContainer',
+      type: _models.ComponentTypes.CONTAINER,
+      components: [{
+        id: 'radio',
+        fieldId: 'radio',
+        type: 'radios',
+        full_path: 'topContainer.radio',
+        data: {
+          options: [{
+            value: 'yes',
+            label: 'Yes'
+          }, {
+            value: 'no',
+            label: 'No',
+            nested: [{
+              id: 'container',
+              fieldId: 'container',
+              type: 'container',
+              components: [{
+                id: 'text',
+                fieldId: 'text',
+                full_path: 'container.text',
+                type: _models.ComponentTypes.TEXT
+              }, {
+                id: 'email',
+                fieldId: 'email',
+                full_path: 'container.email',
+                type: _models.ComponentTypes.EMAIL
+              }]
+            }]
+          }]
+        }
+      }]
+    });
+  });
+});

package/dist/utils/Container/showContainer.test.js

@@ -0,0 +1,178 @@
+"use strict";
+
+var _showContainer = _interopRequireDefault(require("./showContainer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils.Container.showContainer', 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 container is null', function () {
+    expect((0, _showContainer.default)(null, DATA)).toBeFalsy();
+  });
+  it('should NOT be shown when the container has a single show_when condition that is NOT matched', function () {
+    var CONTAINER = {
+      show_when: {
+        field: 'charlie',
+        op: '=',
+        value: 'Charlie'
+      }
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeFalsy();
+  });
+  it('should NOT be shown when the container has multiple show_when conditions and at least one is NOT matched', function () {
+    var CONTAINER = {
+      show_when: [{
+        field: 'alpha',
+        op: '=',
+        value: 'Alpha'
+      }, {
+        field: 'charlie',
+        op: '=',
+        value: 'Charlie'
+      }]
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeFalsy();
+  });
+  it('SHOULD be shown when the container has a single show_when condition that IS matched', function () {
+    var CONTAINER = {
+      show_when: {
+        field: 'alpha',
+        op: '=',
+        value: 'Alpha'
+      }
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('SHOULD be shown when the container has multiple show_when conditions that are ALL matched', function () {
+    var CONTAINER = {
+      show_when: [{
+        field: 'alpha',
+        op: '=',
+        value: 'Alpha'
+      }, {
+        field: 'charlie',
+        op: '!=',
+        value: 'Charlie'
+      }]
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('SHOULD be shown when the container has NO show_when conditions and NO editable components', function () {
+    var CONTAINER = {
+      components: [HTML, INSET_TEXT, HEADING]
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('should NOT be shown when the container 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 CONTAINER = {
+      components: [TEXT, RADIOS]
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeFalsy();
+  });
+  it('SHOULD be shown when the container 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 CONTAINER = {
+      components: [TEXT, RADIOS]
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('SHOULD be shown when the container has multiple show_when conditions, with type "or" provided and ALL are matched', function () {
+    var CONTAINER = {
+      show_when: {
+        "type": "or",
+        "conditions": [{
+          field: 'alpha',
+          op: '=',
+          value: 'Alpha'
+        }, {
+          field: 'bravo',
+          op: '=',
+          value: 'Bravo'
+        }]
+      }
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('SHOULD be shown when the container has multiple show_when conditions, with type "or" provided and at least ONE is matched', function () {
+    var CONTAINER = {
+      show_when: {
+        "type": "or",
+        "conditions": [{
+          field: 'alpha',
+          op: '=',
+          value: 'Alpha'
+        }, {
+          field: 'charlie',
+          op: '=',
+          value: 'Charlie'
+        }]
+      }
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeTruthy();
+  });
+  it('should NOT be shown when the container has multiple show_when conditions, with type "or" provided and NONE are matched', function () {
+    var CONTAINER = {
+      show_when: {
+        "type": "or",
+        "conditions": [{
+          field: 'alpha',
+          op: '!=',
+          value: 'Alpha'
+        }, {
+          field: 'charlie',
+          op: '=',
+          value: 'Charlie'
+        }]
+      }
+    };
+    expect((0, _showContainer.default)(CONTAINER, DATA)).toBeFalsy();
+  });
+});