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

package/dist/utils/CheckYourAnswers/getCYARowsForCollectionPage.test.js

@@ -1,170 +0,0 @@
-"use strict";
-
-var _getCYARowsForCollectionPage = _interopRequireDefault(require("./getCYARowsForCollectionPage"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
-
-describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', function () {
-  var TEXT_COMP = {
-    id: 'testText',
-    fieldId: 'testText',
-    label: 'Test text',
-    type: 'text'
-  };
-  var MASTER_PAGE = {
-    id: 'page1',
-    collection: {
-      name: 'collection',
-      labels: {
-        // eslint-disable-next-line no-template-curly-in-string
-        item: 'Collection entry ${index}'
-      },
-      actions: [{
-        type: 'change'
-      }, {
-        type: 'remove',
-        label: 'custom remove label'
-      }, {
-        type: 'change',
-        label: 'custom change label',
-        page: 'confirmDelete'
-      }]
-    },
-    title: 'Collection',
-    components: [TEXT_COMP]
-  };
-  it('should return an empty array if the collection has no entries', function () {
-    var FORM_DATA = {};
-
-    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
-      formData: FORM_DATA
-    });
-
-    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
-    expect(ROWS.length).toEqual(0);
-  });
-  it('should format titles correctly when collection.labels.item is specified', function () {
-    var FORM_DATA = {
-      collection: [{
-        id: '01',
-        testText: 'value'
-      }]
-    };
-
-    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
-      formData: FORM_DATA
-    });
-
-    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
-    expect(ROWS.length).toEqual(5); // Title row + action rows + component row
-
-    expect(ROWS[0].key).toEqual('Collection entry 1');
-  });
-  it('should provide default titles if collection.labels.item is not specified', function () {
-    var FORM_DATA = {
-      collection: [{
-        id: '01',
-        testText: 'value'
-      }]
-    };
-
-    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
-      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
-        labels: {}
-      }),
-      formData: FORM_DATA
-    });
-
-    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
-    expect(ROWS.length).toEqual(5); // Title row + action rows + component row
-
-    expect(ROWS[0].key).toEqual('Item 1');
-  });
-  it('should return correctly formatted rows for mutliple entries', function () {
-    var FORM_DATA = {
-      collection: [{
-        id: '01',
-        testText: 'value'
-      }, {
-        id: '02',
-        testText: 'value'
-      }]
-    };
-
-    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
-      formData: FORM_DATA
-    });
-
-    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
-    expect(ROWS.length).toEqual(10); // Title row + component row for each item
-
-    expect(ROWS[0].type).toEqual('title');
-    expect(ROWS[0].key).toEqual('Collection entry 1'); // Formatted according to collection.labels.item
-
-    expect(ROWS[1].action.label).toEqual('Change');
-    expect(ROWS[2].action.label).toEqual('custom remove label');
-    expect(ROWS[3].action.label).toEqual('custom change label');
-    expect(ROWS[4].value).toEqual('value');
-    expect(ROWS[4].key).toEqual('Test text');
-    expect(ROWS[5].type).toEqual('title');
-    expect(ROWS[5].key).toEqual('Collection entry 2'); // Formatted according to collection.labels.item
-
-    expect(ROWS[6].action.label).toEqual('Change');
-    expect(ROWS[7].action.label).toEqual('custom remove label');
-    expect(ROWS[8].action.label).toEqual('custom change label');
-    expect(ROWS[9].value).toEqual('value');
-    expect(ROWS[9].key).toEqual('Test text');
-  });
-  it('should exclude components that should not be shown', function () {
-    var FD = {
-      collection: [{
-        id: '01',
-        otherField: 'yes',
-        testText: 'testing'
-      }, {
-        id: '02',
-        otherField: 'no',
-        testText: 'testing'
-      }]
-    };
-    var C = {
-      id: 'testText',
-      fieldId: 'testText',
-      label: 'Test text',
-      type: 'text',
-      show_when: {
-        field: "otherField",
-        op: "!=",
-        value: "no"
-      }
-    };
-    var P = {
-      id: 'page1',
-      collection: {
-        name: 'collection'
-      },
-      title: 'Collection',
-      components: [C]
-    };
-
-    var PAGE = _objectSpread(_objectSpread({}, P), {}, {
-      formData: FD
-    });
-
-    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null);
-    expect(ROWS.length).toEqual(3); // Title row + single component as other should fail show check
-
-    expect(ROWS[0].type).toEqual('title');
-    expect(ROWS[0].key).toEqual('Item 1');
-    expect(ROWS[1].value).toEqual('testing');
-    expect(ROWS[1].key).toEqual('Test text');
-    expect(ROWS[2].type).toEqual('title');
-    expect(ROWS[2].key).toEqual('Item 2');
-  });
-});

package/dist/utils/CheckYourAnswers/getCYARowsForContainer.test.js

@@ -1,323 +0,0 @@
-"use strict";
-
-var _models = require("../../models");
-
-var _setupTests = require("../../setupTests");
-
-var _getCYARowsForContainer = _interopRequireDefault(require("./getCYARowsForContainer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-describe('utils.CheckYourAnswers.getCYARowsForContainer', function () {
-  it('should get an appropriate row for a container with a single readonly text component', function () {
-    var FORM_DATA = {
-      container: {
-        a: 'Bravo'
-      }
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COMPONENT],
-      value: FORM_DATA.container,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
-    expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: CONTAINER.components[index].fieldId,
-        key: CONTAINER.components[index].label,
-        action: null,
-        component: COMPONENT,
-        value: 'Bravo'
-      });
-    });
-  });
-  it('should get appropriate rows for a container with two editable text components', function () {
-    var FORM_DATA = {
-      container: {
-        a: 'Alpha Charlie',
-        b: 'Bravo Charlie'
-      }
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT_A = {
-      type: 'text',
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var COMPONENT_B = {
-      type: 'text',
-      id: 'b',
-      fieldId: 'b',
-      label: 'Bravo'
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COMPONENT_A, COMPONENT_B],
-      value: FORM_DATA.container,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
-    expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: CONTAINER.components[index].fieldId,
-        key: CONTAINER.components[index].label,
-        component: CONTAINER.components[index],
-        value: "".concat(CONTAINER.components[index].label, " Charlie")
-      });
-      (0, _setupTests.expectObjectLike)(row.action, {
-        onAction: ON_ACTION
-      });
-    });
-  });
-  it("should filter out any components that shouldn't be shown", function () {
-    var FORM_DATA = {
-      container: {
-        a: 'Alpha Charlie',
-        b: 'Bravo Charlie'
-      }
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT_A = {
-      type: 'text',
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var COMPONENT_B = {
-      type: 'text',
-      id: 'b',
-      fieldId: 'b',
-      label: 'Bravo'
-    };
-    var COMPONENT_C = {
-      type: 'heading',
-      content: 'Heading component'
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COMPONENT_A, COMPONENT_B, COMPONENT_C],
-      value: FORM_DATA.container,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
-    expect(ROWS.length).toEqual(2);
-    ROWS.forEach(function (row, index) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: CONTAINER.components[index].fieldId,
-        key: CONTAINER.components[index].label,
-        component: CONTAINER.components[index],
-        value: "".concat(CONTAINER.components[index].label, " Charlie")
-      });
-      (0, _setupTests.expectObjectLike)(row.action, {
-        onAction: ON_ACTION
-      });
-    });
-  });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container', function () {
-    var FORM_DATA = {
-      container: {
-        nested: {
-          a: 'Bravo'
-        }
-      }
-    };
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var NESTED_CONTAINER = {
-      id: 'nested',
-      fieldId: 'nested',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COMPONENT],
-      value: FORM_DATA.container.nested,
-      formData: FORM_DATA
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [NESTED_CONTAINER],
-      value: FORM_DATA.container,
-      formData: FORM_DATA
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA.container, ON_ACTION);
-    expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: NESTED_CONTAINER.components[index].fieldId,
-        key: NESTED_CONTAINER.components[index].label,
-        action: null,
-        component: COMPONENT,
-        value: 'Bravo'
-      });
-    });
-  });
-  it('should get an appropriate row for a container with a single readonly text component inside a nested container but no formData', function () {
-    var FORM_DATA = undefined;
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {}
-    };
-    var COMPONENT = {
-      type: 'text',
-      readonly: true,
-      id: 'a',
-      fieldId: 'a',
-      label: 'Alpha'
-    };
-    var NESTED_CONTAINER = {
-      id: 'nested',
-      fieldId: 'nested',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COMPONENT]
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [NESTED_CONTAINER]
-    };
-
-    var ON_ACTION = function ON_ACTION() {};
-
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, undefined, ON_ACTION);
-    expect(ROWS.length).toEqual(1);
-    ROWS.forEach(function (row, index) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: NESTED_CONTAINER.components[index].fieldId,
-        key: NESTED_CONTAINER.components[index].label,
-        action: null,
-        component: COMPONENT,
-        value: ''
-      });
-    });
-  });
-  it('should get an appropriate row for a collection with a single text component inside a container', function () {
-    var OUTER_ID = 'a';
-    var INNER_ID = 'b';
-
-    var FORM_DATA = _defineProperty({}, OUTER_ID, [_defineProperty({}, INNER_ID, 'Bravo'), _defineProperty({}, INNER_ID, 'Charlie')]);
-
-    var PAGE = {
-      id: 'page',
-      formData: FORM_DATA,
-      cya_link: {},
-      collection: 'collectionName'
-    };
-    var COLLECTION_COMPONENT = {
-      type: 'collection',
-      id: OUTER_ID,
-      fieldId: OUTER_ID,
-      label: 'Alpha',
-      item: [{
-        id: INNER_ID,
-        fieldId: INNER_ID,
-        label: INNER_ID,
-        type: 'text'
-      }]
-    };
-    var CONTAINER = {
-      id: 'container',
-      fieldId: 'container',
-      type: _models.ComponentTypes.CONTAINER,
-      components: [COLLECTION_COMPONENT],
-      value: FORM_DATA.container,
-      formData: FORM_DATA
-    };
-    var ROWS = (0, _getCYARowsForContainer.default)(PAGE, CONTAINER, FORM_DATA, function () {});
-    expect(ROWS.length).toEqual(4);
-
-    var checkTitleRow = function checkTitleRow(index, row) {
-      expect(row).toEqual({
-        pageId: PAGE.id,
-        fieldId: CONTAINER.components[0].fieldId,
-        key: "Item ".concat(index + 1),
-        action: null,
-        full_path: "".concat(OUTER_ID, "[").concat(index, "]"),
-        type: 'title'
-      });
-    };
-
-    var checkValueRow = function checkValueRow(index, row, value) {
-      (0, _setupTests.expectObjectLike)(row, {
-        pageId: PAGE.id,
-        fieldId: INNER_ID,
-        key: INNER_ID,
-        id: INNER_ID,
-        component: {
-          fieldId: INNER_ID,
-          full_path: "".concat(OUTER_ID, "[").concat(index, "].").concat(INNER_ID),
-          id: INNER_ID,
-          label: INNER_ID,
-          type: 'text'
-        },
-        value: value,
-        full_path: "".concat(OUTER_ID, "[").concat(index, "].").concat(INNER_ID)
-      });
-    };
-
-    checkTitleRow(0, ROWS[0]);
-    checkValueRow(0, ROWS[1], 'Bravo');
-    checkTitleRow(1, ROWS[2]);
-    checkValueRow(1, ROWS[3], 'Charlie');
-  });
-});