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

package/dist/components/SummaryList/SummaryList.test.js

@@ -1,361 +0,0 @@
-"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 _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _SummaryList = _interopRequireWildcard(require("./SummaryList"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-describe('components', function () {
-  describe('SummaryList', function () {
-    var checkSummaryList = function checkSummaryList(container, id) {
-      var summaryList = (0, _react.getByTestId)(container, id);
-      expect(summaryList.tagName).toEqual('DL');
-      expect(summaryList.classList).toContain(_SummaryList.DEFAULT_CLASS);
-      return summaryList;
-    };
-
-    var checkTitleRow = function checkTitleRow(summaryList, index) {
-      var row = summaryList.childNodes[index];
-      expect(row.tagName).toEqual('DIV');
-      expect(row.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__row"));
-      expect(row.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__title"));
-
-      var _row$childNodes = _slicedToArray(row.childNodes, 1),
-          heading = _row$childNodes[0];
-
-      expect(heading.tagName).toEqual('H3');
-      expect(heading.classList).toContain('govuk-heading-s');
-      return heading;
-    };
-
-    var checkRow = function checkRow(summaryList, index) {
-      var row = summaryList.childNodes[index];
-      expect(row.tagName).toEqual('DIV');
-      expect(row.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__row"));
-
-      var _row$childNodes2 = _slicedToArray(row.childNodes, 3),
-          key = _row$childNodes2[0],
-          value = _row$childNodes2[1],
-          actions = _row$childNodes2[2];
-
-      expect(key.tagName).toEqual('DT');
-      expect(key.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__key"));
-      expect(value.tagName).toEqual('DD');
-      expect(value.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__value"));
-      expect(actions.tagName).toEqual('DD');
-      expect(actions.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__actions"));
-      return [key, value, actions];
-    };
-
-    var checkRowNoChangeActions = function checkRowNoChangeActions(summaryList, index) {
-      var row = summaryList.childNodes[index];
-      expect(row.tagName).toEqual('DIV');
-      expect(row.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__row"));
-
-      var _row$childNodes3 = _slicedToArray(row.childNodes, 2),
-          key = _row$childNodes3[0],
-          value = _row$childNodes3[1];
-
-      expect(key.tagName).toEqual('DT');
-      expect(key.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__key"));
-      expect(value.tagName).toEqual('DD');
-      expect(value.classList).toContain("".concat(_SummaryList.DEFAULT_CLASS, "__value"));
-      expect(row.childNodes.length).toEqual(2);
-      return [key, value];
-    };
-
-    it('should handle an empty rows array', function () {
-      var ID = 'test-id';
-      var ROWS = [];
-
-      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS
-      })),
-          container = _render.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(0);
-    });
-    it('should handle rows with no actions and string values', function () {
-      var ID = 'test-id';
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: 'Alpha value'
-      }, {
-        pageId: 'p2',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: 'Bravo value'
-      }];
-
-      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS
-      })),
-          container = _render2.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length);
-      ROWS.forEach(function (row, index) {
-        var _checkRow = checkRow(summaryList, index),
-            _checkRow2 = _slicedToArray(_checkRow, 3),
-            key = _checkRow2[0],
-            value = _checkRow2[1],
-            actions = _checkRow2[2];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.textContent).toEqual(row.value);
-        expect(actions.childNodes.length).toEqual(0);
-      });
-    });
-    it('should handle title rows', function () {
-      var ID = 'test-id';
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        type: 'title',
-        key: 'Title'
-      }, {
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: 'Alpha value'
-      }, {
-        pageId: 'p2',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: 'Bravo value'
-      }];
-
-      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS
-      })),
-          container = _render3.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length);
-
-      var assessTitleRow = function assessTitleRow(row, index) {
-        var heading = checkTitleRow(summaryList, index);
-        expect(heading.textContent).toEqual(row.key);
-      };
-
-      var assessRow = function assessRow(row, index) {
-        var _checkRow3 = checkRow(summaryList, index),
-            _checkRow4 = _slicedToArray(_checkRow3, 3),
-            key = _checkRow4[0],
-            value = _checkRow4[1],
-            actions = _checkRow4[2];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.textContent).toEqual(row.value);
-        expect(actions.childNodes.length).toEqual(0);
-      };
-
-      ROWS.forEach(function (row, index) {
-        if (row.type === 'title') {
-          assessTitleRow(row, index);
-        } else {
-          assessRow(row, index);
-        }
-      });
-    });
-    it('should handle rows with no actions and component values', function () {
-      var ID = 'test-id';
-      var VALUES = ['Alpha component value', 'Bravo component value'];
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0])
-      }, {
-        pageId: 'p2',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
-      }];
-
-      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS
-      })),
-          container = _render4.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length);
-      ROWS.forEach(function (row, index) {
-        var _checkRow5 = checkRow(summaryList, index),
-            _checkRow6 = _slicedToArray(_checkRow5, 3),
-            key = _checkRow6[0],
-            value = _checkRow6[1],
-            actions = _checkRow6[2];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.childNodes.length).toEqual(1);
-        var valueDiv = value.childNodes[0];
-        expect(valueDiv.tagName).toEqual('DIV');
-        expect(valueDiv.textContent).toEqual(VALUES[index]);
-        expect(actions.childNodes.length).toEqual(0);
-      });
-    });
-    it('should handle rows with actions', function () {
-      var ID = 'test-id';
-      var ON_ACTION_CALLS = [];
-
-      var ON_ACTION = function ON_ACTION(row) {
-        ON_ACTION_CALLS.push(row);
-      };
-
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: 'Alpha value',
-        action: {
-          label: 'Change A',
-          onAction: ON_ACTION
-        }
-      }, {
-        pageId: 'p2',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: 'Bravo value',
-        action: {
-          label: 'Change B',
-          onAction: ON_ACTION
-        }
-      }];
-
-      var _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS
-      })),
-          container = _render5.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length);
-      ROWS.forEach(function (row, index) {
-        var _checkRow7 = checkRow(summaryList, index),
-            _checkRow8 = _slicedToArray(_checkRow7, 3),
-            key = _checkRow8[0],
-            value = _checkRow8[1],
-            actions = _checkRow8[2];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.textContent).toEqual(row.value);
-        var a = actions.childNodes[0];
-        expect(a.textContent).toEqual(row.action.label);
-
-        _react.fireEvent.click(a, {});
-
-        expect(ON_ACTION_CALLS.length).toEqual(index + 1);
-        expect(ON_ACTION_CALLS[index]).toEqual(row);
-      });
-    });
-    it('should handle rows with component values and actions set to hidden', function () {
-      var ID = 'test-id';
-      var VALUES = ['Alpha component value', 'Bravo component value'];
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0])
-      }, {
-        pageId: 'p2',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
-      }];
-
-      var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS,
-        noChangeAction: true
-      })),
-          container = _render6.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length);
-      ROWS.forEach(function (row, index) {
-        var _checkRowNoChangeActi = checkRowNoChangeActions(summaryList, index),
-            _checkRowNoChangeActi2 = _slicedToArray(_checkRowNoChangeActi, 2),
-            key = _checkRowNoChangeActi2[0],
-            value = _checkRowNoChangeActi2[1];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.childNodes.length).toEqual(1);
-        var valueDiv = value.childNodes[0];
-        expect(valueDiv.tagName).toEqual('DIV');
-        expect(valueDiv.textContent).toEqual(VALUES[index]);
-      });
-    });
-    it('should render groups of rows corretly', function () {
-      var ID = 'test-id';
-      var VALUES = ['Alpha component value', 'Bravo component value', 'Charlie component value'];
-      var ISGROUP = true;
-      var ROWS = [{
-        pageId: 'p1',
-        fieldId: 'a',
-        key: 'Alpha',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[0])
-      }, {
-        pageId: 'p1',
-        fieldId: 'b',
-        key: 'Bravo',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[1])
-      }, {
-        pageId: 'p1',
-        fieldId: 'c',
-        key: 'Charlie',
-        value: /*#__PURE__*/_react2.default.createElement("div", null, VALUES[2])
-      }];
-
-      var _render7 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_SummaryList.default, {
-        "data-testid": ID,
-        rows: ROWS,
-        isGroup: ISGROUP
-      })),
-          container = _render7.container;
-
-      var summaryList = checkSummaryList(container, ID);
-      expect(summaryList.childNodes.length).toEqual(ROWS.length + 1);
-      ROWS.forEach(function (row, index) {
-        var _checkRow9 = checkRow(summaryList, index),
-            _checkRow10 = _slicedToArray(_checkRow9, 2),
-            key = _checkRow10[0],
-            value = _checkRow10[1];
-
-        expect(key.textContent).toEqual("".concat(row.key, " (optional)"));
-        expect(value.childNodes.length).toEqual(1);
-        var valueDiv = value.childNodes[0];
-        expect(valueDiv.tagName).toEqual('DIV');
-        expect(valueDiv.textContent).toEqual(VALUES[index]);
-      });
-    });
-  });
-});

package/dist/components/TaskList/Task.test.js

@@ -1,194 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _models = require("../../models");
-
-var _Task = _interopRequireDefault(require("./Task"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Global imports
-// Local imports
-describe('components', function () {
-  describe('TaskList.Task', function () {
-    it('should render a task', function () {
-      var STATE = _models.TaskStates.TYPES.COMPLETE;
-      var TASK = {
-        name: 'taskName',
-        pages: ['pageName'],
-        state: STATE
-      };
-
-      var ON_CLICK = function ON_CLICK() {};
-
-      var _render = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render.container;
-
-      expect(container.childNodes.length).toEqual(1);
-      expect(container.childNodes[0].classList).toContain('hods-task-list__item');
-      var span = container.childNodes[0].childNodes[0];
-      var state = container.childNodes[0].childNodes[1];
-      expect(span.classList).toContain('hods-task-list__task-name');
-      expect(span.textContent).toEqual(TASK.name);
-      expect(state.textContent).toEqual('Completed');
-    });
-    it('should render a task with a displayName', function () {
-      var STATE = _models.TaskStates.TYPES.COMPLETE;
-      var TASK = {
-        name: 'taskName',
-        displayName: 'Alpha Bravo',
-        pages: ['pageName'],
-        state: STATE
-      };
-
-      var ON_CLICK = function ON_CLICK() {};
-
-      var _render2 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render2.container;
-
-      expect(container.childNodes.length).toEqual(1);
-      expect(container.childNodes[0].classList).toContain('hods-task-list__item');
-      var span = container.childNodes[0].childNodes[0];
-      var state = container.childNodes[0].childNodes[1];
-      expect(span.classList).toContain('hods-task-list__task-name');
-      expect(span.textContent).toEqual(TASK.displayName);
-      expect(state.textContent).toEqual('Completed');
-    });
-    it('should render a task with inactive link if state is cannotStartYet', function () {
-      var STATE = _models.TaskStates.TYPES.CANNOT_START_YET;
-      var TASK = {
-        name: 'taskName',
-        pages: ['pageName'],
-        state: STATE
-      };
-
-      var ON_CLICK = function ON_CLICK() {};
-
-      var _render3 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render3.container;
-
-      var span = container.childNodes[0].childNodes[0];
-      expect(span.childNodes[0].tagName).toEqual(undefined);
-      expect(span.textContent).toEqual(TASK.name);
-    });
-    it('should render a task with a link if state is not cannotStartYet', function () {
-      var STATE = _models.TaskStates.TYPES.IN_PROGRESS;
-      var TASK = {
-        name: 'taskName',
-        pages: ['pageName'],
-        state: STATE
-      };
-
-      var ON_CLICK = function ON_CLICK() {};
-
-      var _render4 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render4.container;
-
-      var span = container.childNodes[0].childNodes[0];
-      expect(span.childNodes.length).toEqual(1);
-      expect(span.childNodes[0].tagName).toEqual('A');
-      expect(span.textContent).toEqual(TASK.name);
-    });
-    it('should render the displayName of a task with a link if state is not cannotStartYet', function () {
-      var STATE = _models.TaskStates.TYPES.IN_PROGRESS;
-      var TASK = {
-        name: 'taskName',
-        displayName: 'Charlie Delta',
-        pages: ['pageName'],
-        state: STATE
-      };
-
-      var ON_CLICK = function ON_CLICK() {};
-
-      var _render5 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render5.container;
-
-      var span = container.childNodes[0].childNodes[0];
-      expect(span.childNodes.length).toEqual(1);
-      expect(span.childNodes[0].tagName).toEqual('A');
-      expect(span.textContent).toEqual(TASK.displayName);
-    });
-    it('should call the given onClick function when the link is clicked', function () {
-      var STATE = _models.TaskStates.TYPES.IN_PROGRESS;
-      var TASK = {
-        name: 'taskName',
-        pages: ['pageName'],
-        state: STATE
-      };
-      var ON_CLICK_CALLS = [];
-
-      var ON_CLICK = function ON_CLICK(value) {
-        ON_CLICK_CALLS.push(value);
-      };
-
-      var _render6 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render6.container;
-
-      var link = container.childNodes[0].childNodes[0].childNodes[0];
-
-      _react.fireEvent.click(link);
-
-      expect(ON_CLICK_CALLS.length).toEqual(1);
-      expect(ON_CLICK_CALLS[0]).toEqual({
-        pages: ['pageName'],
-        name: "taskName",
-        state: STATE
-      });
-    });
-    it('should call the given onClick function when the enter key is pressed on the link', function () {
-      var STATE = _models.TaskStates.TYPES.IN_PROGRESS;
-      var TASK = {
-        name: 'taskName',
-        pages: ['pageName'],
-        state: STATE
-      };
-      var ON_CLICK_CALLS = [];
-
-      var ON_CLICK = function ON_CLICK(value) {
-        ON_CLICK_CALLS.push(value);
-      };
-
-      var _render7 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_Task.default, {
-        task: TASK,
-        onClick: ON_CLICK
-      })),
-          container = _render7.container;
-
-      var link = container.childNodes[0].childNodes[0].childNodes[0]; // The keyPress event needs charCode: 13 or it fails; bug with the library.
-
-      _react.fireEvent.keyPress(link, {
-        key: 'Enter',
-        code: 13,
-        charCode: 13
-      });
-
-      expect(ON_CLICK_CALLS.length).toEqual(1);
-      expect(ON_CLICK_CALLS[0]).toEqual({
-        pages: ['pageName'],
-        name: "taskName",
-        state: STATE
-      });
-    });
-  });
-});