@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.11.1

package/dist/utils/Component/getComponentTests/getComponent.paragraph.test.js

@@ -8,36 +8,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', () => {
-  it('should return a p tag and correct className for a paragraph component', () => {
-    const ID = 'test-id';
-    const CONTENT = 'paragraph content';
-    const COMPONENT = {
+describe('utils.Component.get', function () {
+  it('should return a p tag and correct className for a paragraph component', function () {
+    var ID = 'test-id';
+    var CONTENT = 'paragraph content';
+    var COMPONENT = {
       type: _models.ComponentTypes.PARAGRAPH,
       content: CONTENT,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const p = (0, _react.getByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var p = (0, _react.getByTestId)(container, ID);
     expect(p.innerHTML).toContain(CONTENT);
     expect(p.tagName).toEqual('P');
     expect(p.className).toEqual('govuk-body');
   });
-  it('should override default className for a paragraph component', () => {
-    const ID = 'test-id';
-    const CONTENT = 'paragraph content';
-    const COMPONENT = {
+  it('should override default className for a paragraph component', function () {
+    var ID = 'test-id';
+    var CONTENT = 'paragraph content';
+    var COMPONENT = {
       type: _models.ComponentTypes.PARAGRAPH,
       content: CONTENT,
       'data-testid': ID,
       className: 'govuk-body highlight'
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const p = (0, _react.getByTestId)(container, ID);
+    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render2.container;
+    var p = (0, _react.getByTestId)(container, ID);
     expect(p.innerHTML).toContain(CONTENT);
     expect(p.tagName).toEqual('P');
     expect(p.className).toEqual('govuk-body highlight');

package/dist/utils/Component/getComponentTests/getComponent.phoneNumber.test.js

@@ -4,20 +4,23 @@ var _react = require("@testing-library/react");
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports
-
-describe('utils.Component.get', () => {
-  it('should return an appropriately rendered phone-number component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered phone-number component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.PHONE_NUMBER,
       id: ID,
       fieldId: FIELD_ID,
@@ -25,14 +28,16 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, input] = (0, _react.getAllByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+      formGroup = _getAllByTestId2[0],
+      input = _getAllByTestId2[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    let label;
-    formGroup.childNodes.forEach(node => {
+    var label;
+    formGroup.childNodes.forEach(function (node) {
       // Check if it's an element.
       if (node instanceof Element && node.tagName === 'LABEL') {
         label = node;

package/dist/utils/Component/getComponentTests/getComponent.radios.test.js

@@ -5,27 +5,30 @@ var _models = require("../../../models");
 var _setupTests = require("../../../setupTests");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports
-
-describe('utils.Component.get', () => {
-  it('should return an appropriately rendered radios component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const OPTIONS = [{
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered radios component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var OPTIONS = [{
       value: 'a',
       label: 'Alpha'
     }, {
       value: 'b',
       label: 'Bravo'
     }];
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -36,14 +39,16 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+      formGroup = _getAllByTestId2[0],
+      radios = _getAllByTestId2[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    let label;
-    formGroup.childNodes.forEach(node => {
+    var label;
+    formGroup.childNodes.forEach(function (node) {
       // Check if it's an element.
       if (node instanceof Element) {
         if (node.tagName === 'LABEL') {
@@ -57,20 +62,22 @@ describe('utils.Component.get', () => {
     expect(radios.tagName).toEqual('DIV');
     expect(radios.classList).toContain('govuk-radios');
     expect(radios.childNodes.length).toEqual(OPTIONS.length);
-    const radioItems = [];
-    OPTIONS.forEach((_, index) => {
-      const radio = radios.childNodes[index];
+    var radioItems = [];
+    OPTIONS.forEach(function (_, index) {
+      var radio = radios.childNodes[index];
       expect(radio instanceof Element).toBeTruthy();
       if (radio instanceof Element) {
         radioItems.push(radio);
       }
     });
     expect(radioItems.length).toEqual(OPTIONS.length);
-    OPTIONS.forEach((option, index) => {
-      const radio = radioItems[index];
+    OPTIONS.forEach(function (option, index) {
+      var radio = radioItems[index];
       expect(radio.tagName).toEqual('DIV');
       expect(radio.classList).toContain('govuk-radios__item');
-      const [input, inputLabel] = radio.childNodes;
+      var _radio$childNodes = _slicedToArray(radio.childNodes, 2),
+        input = _radio$childNodes[0],
+        inputLabel = _radio$childNodes[1];
       expect(input.tagName).toEqual('INPUT');
       expect(input.type).toEqual('radio');
       expect(inputLabel.textContent).toEqual(option.label);
@@ -90,22 +97,23 @@ describe('utils.Component.get', () => {
     _react.fireEvent.click(radioItems[1].childNodes[0]); // bravo (already selected, above)
     expect(ON_CHANGE_CALLS.length).toEqual(2); // No change, so no new event should have fired.
   });
-  it('should work correctly with the returnFullData property on the radios component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const OPTIONS = [{
+
+  it('should work correctly with the returnFullData property on the radios component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var OPTIONS = [{
       value: 'a',
       label: 'Alpha'
     }, {
       value: 'b',
       label: 'Bravo'
     }];
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -117,14 +125,16 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
+    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render2.container;
+    var _getAllByTestId3 = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId4 = _slicedToArray(_getAllByTestId3, 2),
+      formGroup = _getAllByTestId4[0],
+      radios = _getAllByTestId4[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    let label;
-    formGroup.childNodes.forEach(node => {
+    var label;
+    formGroup.childNodes.forEach(function (node) {
       // Check if it's an element.
       if (node instanceof Element) {
         if (node.tagName === 'LABEL') {
@@ -138,20 +148,22 @@ describe('utils.Component.get', () => {
     expect(radios.tagName).toEqual('DIV');
     expect(radios.classList).toContain('govuk-radios');
     expect(radios.childNodes.length).toEqual(OPTIONS.length);
-    const radioItems = [];
-    OPTIONS.forEach((_, index) => {
-      const radio = radios.childNodes[index];
+    var radioItems = [];
+    OPTIONS.forEach(function (_, index) {
+      var radio = radios.childNodes[index];
       expect(radio instanceof Element).toBeTruthy();
       if (radio instanceof Element) {
         radioItems.push(radio);
       }
     });
     expect(radioItems.length).toEqual(OPTIONS.length);
-    OPTIONS.forEach((option, index) => {
-      const radio = radioItems[index];
+    OPTIONS.forEach(function (option, index) {
+      var radio = radioItems[index];
       expect(radio.tagName).toEqual('DIV');
       expect(radio.classList).toContain('govuk-radios__item');
-      const [input, inputLabel] = radio.childNodes;
+      var _radio$childNodes2 = _slicedToArray(radio.childNodes, 2),
+        input = _radio$childNodes2[0],
+        inputLabel = _radio$childNodes2[1];
       expect(input.tagName).toEqual('INPUT');
       expect(input.type).toEqual('radio');
       expect(inputLabel.textContent).toEqual(option.label);
@@ -171,16 +183,17 @@ describe('utils.Component.get', () => {
     _react.fireEvent.click(radioItems[1].childNodes[0]); // bravo (already selected, above)
     expect(ON_CHANGE_CALLS.length).toEqual(2); // No change, so no new event should have fired.
   });
-  it('should return an appropriately rendered radios component with nested components', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const NESTED = {
+
+  it('should return an appropriately rendered radios component with nested components', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var NESTED = {
       id: 'charle',
       fieldId: 'charle',
       type: 'text'
     };
-    const OPTIONS = [{
+    var OPTIONS = [{
       value: 'a',
       label: 'Alpha',
       nested: [NESTED]
@@ -188,11 +201,11 @@ describe('utils.Component.get', () => {
       value: 'b',
       label: 'Bravo'
     }];
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -204,10 +217,12 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
+    var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT)),
+      container = _renderWithValidation.container;
+    var _getAllByTestId5 = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId6 = _slicedToArray(_getAllByTestId5, 2),
+      formGroup = _getAllByTestId6[0],
+      radios = _getAllByTestId6[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
     expect(radios.tagName).toEqual('DIV');

package/dist/utils/Component/getComponentTests/getComponent.select.test.js

@@ -4,21 +4,24 @@ var _react = require("@testing-library/react");
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports
-
-describe('utils.Component.get', () => {
-  it('should return an appropriately rendered select component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const NEW_VALUE = 'option2';
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered select component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var NEW_VALUE = 'option2';
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.SELECT,
       id: ID,
       fieldId: FIELD_ID,
@@ -33,13 +36,15 @@ describe('utils.Component.get', () => {
       }],
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, select] = (0, _react.getAllByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+      formGroup = _getAllByTestId2[0],
+      select = _getAllByTestId2[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    const label = formGroup.childNodes[0];
+    var label = formGroup.childNodes[0];
     expect(label).toBeDefined();
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);

package/dist/utils/Component/getComponentTests/getComponent.text.test.js

@@ -4,20 +4,23 @@ var _react = require("@testing-library/react");
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports
-
-describe('utils.Component.get', () => {
-  it('should return an appropriately rendered text component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered text component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.TEXT,
       id: ID,
       fieldId: FIELD_ID,
@@ -25,14 +28,16 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, input] = (0, _react.getAllByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+      formGroup = _getAllByTestId2[0],
+      input = _getAllByTestId2[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    let label;
-    formGroup.childNodes.forEach(node => {
+    var label;
+    formGroup.childNodes.forEach(function (node) {
       // Check if it's an element.
       if (node instanceof Element && node.tagName === 'LABEL') {
         label = node;

package/dist/utils/Component/getComponentTests/getComponent.textArea.test.js

@@ -4,21 +4,24 @@ var _react = require("@testing-library/react");
 var _models = require("../../../models");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Global imports
-
+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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } // Global imports
 // Local imports
-
-describe('utils.Component.get', () => {
-  it('should return an appropriately rendered textarea component', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const ROWS = 13;
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+describe('utils.Component.get', function () {
+  it('should return an appropriately rendered textarea component', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var ROWS = 13;
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.TEXT_AREA,
       id: ID,
       fieldId: FIELD_ID,
@@ -27,13 +30,15 @@ describe('utils.Component.get', () => {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, textarea] = (0, _react.getAllByTestId)(container, ID);
+    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render.container;
+    var _getAllByTestId = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId2 = _slicedToArray(_getAllByTestId, 2),
+      formGroup = _getAllByTestId2[0],
+      textarea = _getAllByTestId2[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    const label = formGroup.childNodes[0];
+    var label = formGroup.childNodes[0];
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);
     expect(textarea.tagName).toEqual('TEXTAREA');
@@ -52,16 +57,16 @@ describe('utils.Component.get', () => {
       value: 'Some text'
     });
   });
-  it('should return an appropriately rendered textarea component with a character count', () => {
-    const ID = 'test-id';
-    const FIELD_ID = 'field-id';
-    const LABEL = 'label';
-    const ROWS = 13;
-    const ON_CHANGE_CALLS = [];
-    const ON_CHANGE = e => {
+  it('should return an appropriately rendered textarea component with a character count', function () {
+    var ID = 'test-id';
+    var FIELD_ID = 'field-id';
+    var LABEL = 'label';
+    var ROWS = 13;
+    var ON_CHANGE_CALLS = [];
+    var ON_CHANGE = function ON_CHANGE(e) {
       ON_CHANGE_CALLS.push(e.target);
     };
-    const COMPONENT = {
+    var COMPONENT = {
       type: _models.ComponentTypes.TEXT_AREA,
       id: ID,
       fieldId: FIELD_ID,
@@ -71,13 +76,15 @@ describe('utils.Component.get', () => {
       'data-testid': ID,
       showCharacterCount: true
     };
-    const {
-      container
-    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
-    const [formGroup, textarea] = (0, _react.getAllByTestId)(container, ID);
+    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
+      container = _render2.container;
+    var _getAllByTestId3 = (0, _react.getAllByTestId)(container, ID),
+      _getAllByTestId4 = _slicedToArray(_getAllByTestId3, 2),
+      formGroup = _getAllByTestId4[0],
+      textarea = _getAllByTestId4[1];
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    const label = formGroup.childNodes[0];
+    var label = formGroup.childNodes[0];
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);
     expect(textarea.tagName).toEqual('TEXTAREA');
@@ -95,7 +102,7 @@ describe('utils.Component.get', () => {
       name: FIELD_ID,
       value: 'Some text'
     });
-    const characterCount = formGroup.childNodes[2];
+    var characterCount = formGroup.childNodes[2];
     expect(characterCount.tagName).toEqual('DIV');
     expect(characterCount.classList).toContain('govuk-hint');
     expect(characterCount.textContent).toEqual('You have 1000 characters remaining');