@ukhomeoffice/cop-react-form-renderer 5.45.1 → 5.45.2-alpha

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

@@ -8,34 +8,36 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-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 = {
+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 = {
       type: _models.ComponentTypes.PARAGRAPH,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var p = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const 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', function () {
-    var ID = 'test-id';
-    var CONTENT = 'paragraph content';
-    var COMPONENT = {
+  it('should override default className for a paragraph component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'paragraph content';
+    const COMPONENT = {
       type: _models.ComponentTypes.PARAGRAPH,
       content: CONTENT,
       'data-testid': ID,
       className: 'govuk-body highlight'
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var p = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const 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,23 +4,20 @@ 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 }; }
-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
+// Global imports
+
 // Local imports
-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) {
+
+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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.PHONE_NUMBER,
       id: ID,
       fieldId: FIELD_ID,
@@ -28,16 +25,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, input] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    let label;
+    formGroup.childNodes.forEach(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,30 +5,27 @@ var _models = require("../../../models");
 var _setupTests = require("../../../setupTests");
 var _getComponent = _interopRequireDefault(require("../getComponent"));
 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(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
+// Global imports
+
 // Local imports
-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 = [{
+
+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 = [{
       value: 'a',
       label: 'Alpha'
     }, {
       value: 'b',
       label: 'Bravo'
     }];
-    var ON_CHANGE_CALLS = [];
-    var ON_CHANGE = function ON_CHANGE(e) {
+    const ON_CHANGE_CALLS = [];
+    const ON_CHANGE = e => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -39,16 +36,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    let label;
+    formGroup.childNodes.forEach(node => {
       // Check if it's an element.
       if (node instanceof Element) {
         if (node.tagName === 'LABEL') {
@@ -62,22 +57,20 @@ describe('utils.Component.get', function () {
     expect(radios.tagName).toEqual('DIV');
     expect(radios.classList).toContain('govuk-radios');
     expect(radios.childNodes.length).toEqual(OPTIONS.length);
-    var radioItems = [];
-    OPTIONS.forEach(function (_, index) {
-      var radio = radios.childNodes[index];
+    const radioItems = [];
+    OPTIONS.forEach((_, index) => {
+      const radio = radios.childNodes[index];
       expect(radio instanceof Element).toBeTruthy();
       if (radio instanceof Element) {
         radioItems.push(radio);
       }
     });
     expect(radioItems.length).toEqual(OPTIONS.length);
-    OPTIONS.forEach(function (option, index) {
-      var radio = radioItems[index];
+    OPTIONS.forEach((option, index) => {
+      const radio = radioItems[index];
       expect(radio.tagName).toEqual('DIV');
       expect(radio.classList).toContain('govuk-radios__item');
-      var _radio$childNodes = _slicedToArray(radio.childNodes, 2),
-        input = _radio$childNodes[0],
-        inputLabel = _radio$childNodes[1];
+      const [input, inputLabel] = radio.childNodes;
       expect(input.tagName).toEqual('INPUT');
       expect(input.type).toEqual('radio');
       expect(inputLabel.textContent).toEqual(option.label);
@@ -98,22 +91,22 @@ describe('utils.Component.get', function () {
     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', function () {
-    var ID = 'test-id';
-    var FIELD_ID = 'field-id';
-    var LABEL = 'label';
-    var OPTIONS = [{
+  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 = [{
       value: 'a',
       label: 'Alpha'
     }, {
       value: 'b',
       label: 'Bravo'
     }];
-    var ON_CHANGE_CALLS = [];
-    var ON_CHANGE = function ON_CHANGE(e) {
+    const ON_CHANGE_CALLS = [];
+    const ON_CHANGE = e => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -125,16 +118,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    let label;
+    formGroup.childNodes.forEach(node => {
       // Check if it's an element.
       if (node instanceof Element) {
         if (node.tagName === 'LABEL') {
@@ -148,22 +139,20 @@ describe('utils.Component.get', function () {
     expect(radios.tagName).toEqual('DIV');
     expect(radios.classList).toContain('govuk-radios');
     expect(radios.childNodes.length).toEqual(OPTIONS.length);
-    var radioItems = [];
-    OPTIONS.forEach(function (_, index) {
-      var radio = radios.childNodes[index];
+    const radioItems = [];
+    OPTIONS.forEach((_, index) => {
+      const radio = radios.childNodes[index];
       expect(radio instanceof Element).toBeTruthy();
       if (radio instanceof Element) {
         radioItems.push(radio);
       }
     });
     expect(radioItems.length).toEqual(OPTIONS.length);
-    OPTIONS.forEach(function (option, index) {
-      var radio = radioItems[index];
+    OPTIONS.forEach((option, index) => {
+      const radio = radioItems[index];
       expect(radio.tagName).toEqual('DIV');
       expect(radio.classList).toContain('govuk-radios__item');
-      var _radio$childNodes2 = _slicedToArray(radio.childNodes, 2),
-        input = _radio$childNodes2[0],
-        inputLabel = _radio$childNodes2[1];
+      const [input, inputLabel] = radio.childNodes;
       expect(input.tagName).toEqual('INPUT');
       expect(input.type).toEqual('radio');
       expect(inputLabel.textContent).toEqual(option.label);
@@ -184,16 +173,16 @@ describe('utils.Component.get', function () {
     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', function () {
-    var ID = 'test-id';
-    var FIELD_ID = 'field-id';
-    var LABEL = 'label';
-    var NESTED = {
+  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 = {
       id: 'charle',
       fieldId: 'charle',
       type: 'text'
     };
-    var OPTIONS = [{
+    const OPTIONS = [{
       value: 'a',
       label: 'Alpha',
       nested: [NESTED]
@@ -201,11 +190,11 @@ describe('utils.Component.get', function () {
       value: 'b',
       label: 'Bravo'
     }];
-    var ON_CHANGE_CALLS = [];
-    var ON_CHANGE = function ON_CHANGE(e) {
+    const ON_CHANGE_CALLS = [];
+    const ON_CHANGE = e => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.RADIOS,
       id: ID,
       fieldId: FIELD_ID,
@@ -217,12 +206,10 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, radios] = (0, _react.getAllByTestId)(container, ID);
     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,24 +4,21 @@ 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 }; }
-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
+// Global imports
+
 // Local imports
-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) {
+
+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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.SELECT,
       id: ID,
       fieldId: FIELD_ID,
@@ -36,15 +33,13 @@ describe('utils.Component.get', function () {
       }],
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, select] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label = formGroup.childNodes[0];
+    const 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,23 +4,20 @@ 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 }; }
-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
+// Global imports
+
 // Local imports
-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) {
+
+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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.TEXT,
       id: ID,
       fieldId: FIELD_ID,
@@ -28,16 +25,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, input] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label;
-    formGroup.childNodes.forEach(function (node) {
+    let label;
+    formGroup.childNodes.forEach(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,24 +4,21 @@ 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 }; }
-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
+// Global imports
+
 // Local imports
-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) {
+
+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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.TEXT_AREA,
       id: ID,
       fieldId: FIELD_ID,
@@ -30,15 +27,13 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': 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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, textarea] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label = formGroup.childNodes[0];
+    const label = formGroup.childNodes[0];
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);
     expect(textarea.tagName).toEqual('TEXTAREA');
@@ -57,16 +52,16 @@ describe('utils.Component.get', function () {
       value: 'Some text'
     });
   });
-  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) {
+  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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.TEXT_AREA,
       id: ID,
       fieldId: FIELD_ID,
@@ -76,15 +71,13 @@ describe('utils.Component.get', function () {
       'data-testid': ID,
       showCharacterCount: true
     };
-    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];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, textarea] = (0, _react.getAllByTestId)(container, ID);
     expect(formGroup.tagName).toEqual('DIV');
     expect(formGroup.classList).toContain('govuk-form-group');
-    var label = formGroup.childNodes[0];
+    const label = formGroup.childNodes[0];
     expect(label.innerHTML).toContain(LABEL);
     expect(label.getAttribute('for')).toEqual(ID);
     expect(textarea.tagName).toEqual('TEXTAREA');
@@ -102,7 +95,7 @@ describe('utils.Component.get', function () {
       name: FIELD_ID,
       value: 'Some text'
     });
-    var characterCount = formGroup.childNodes[2];
+    const characterCount = formGroup.childNodes[2];
     expect(characterCount.tagName).toEqual('DIV');
     expect(characterCount.classList).toContain('govuk-hint');
     expect(characterCount.textContent).toEqual('You have 1000 characters remaining');