@ukhomeoffice/cop-react-form-renderer 5.14.2 → 5.14.4

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

@@ -4,30 +4,28 @@ var _react = require("@testing-library/react");
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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 = [{
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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 = [{
       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,
@@ -38,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') {
@@ -61,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);
@@ -96,23 +90,22 @@ describe('utils.Component.get', function () {
     _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', 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,
@@ -124,16 +117,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') {
@@ -147,22 +138,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);
@@ -182,17 +171,16 @@ describe('utils.Component.get', function () {
     _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', 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]
@@ -200,11 +188,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,
@@ -216,12 +204,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

@@ -3,24 +3,22 @@
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.SELECT,
       id: ID,
       fieldId: FIELD_ID,
@@ -35,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

@@ -3,23 +3,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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.TEXT,
       id: ID,
       fieldId: FIELD_ID,
@@ -27,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

@@ -3,24 +3,22 @@
 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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-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) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// 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 => {
       ON_CHANGE_CALLS.push(e.target);
     };
-    var COMPONENT = {
+    const COMPONENT = {
       type: _models.ComponentTypes.TEXT_AREA,
       id: ID,
       fieldId: FIELD_ID,
@@ -29,20 +27,18 @@ 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');
     expect(textarea.classList).toContain('govuk-textarea');
-    expect(textarea.getAttribute('rows')).toEqual("".concat(ROWS));
+    expect(textarea.getAttribute('rows')).toEqual(`${ROWS}`);
     expect(textarea.id).toEqual(ID);
     _react.fireEvent.change(textarea, {
       target: {
@@ -56,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,
@@ -75,20 +71,18 @@ 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');
     expect(textarea.classList).toContain('govuk-textarea');
-    expect(textarea.getAttribute('rows')).toEqual("".concat(ROWS));
+    expect(textarea.getAttribute('rows')).toEqual(`${ROWS}`);
     expect(textarea.id).toEqual(ID);
     _react.fireEvent.change(textarea, {
       target: {
@@ -101,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');

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

@@ -3,23 +3,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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-describe('utils.Component.get', function () {
-  it('should return an appropriately rendered time 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) {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Global imports
+
+// Local imports
+
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered time 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.TIME,
       id: ID,
       fieldId: FIELD_ID,
@@ -27,24 +25,20 @@ 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],
-      timeInput = _getAllByTestId2[1];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, timeInput] = (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(timeInput.tagName).toEqual('DIV');
     expect(timeInput.classList).toContain('govuk-date-input');
     expect(timeInput.id).toEqual(ID);
-    var onChangeCalls = ON_CHANGE_CALLS.length;
-    var _timeInput$childNodes = _slicedToArray(timeInput.childNodes, 2),
-      hourItem = _timeInput$childNodes[0],
-      minuteItem = _timeInput$childNodes[1];
+    let onChangeCalls = ON_CHANGE_CALLS.length;
+    const [hourItem, minuteItem] = timeInput.childNodes;
     [{
       id: 'hour',
       label: 'Hour',
@@ -57,22 +51,20 @@ describe('utils.Component.get', function () {
       item: minuteItem,
       value: '11',
       expectedValue: '5:11'
-    }].forEach(function (part) {
+    }].forEach(part => {
       expect(part.item.tagName).toEqual('DIV');
       expect(part.item.classList).toContain('govuk-date-input__item');
-      var _part$item$childNodes = _slicedToArray(part.item.childNodes, 2),
-        inputLabel = _part$item$childNodes[0],
-        input = _part$item$childNodes[1];
+      const [inputLabel, input] = part.item.childNodes;
       expect(inputLabel.tagName).toEqual('LABEL');
       expect(inputLabel.classList).toContain('govuk-label');
       expect(inputLabel.textContent).toEqual(part.label);
       expect(input.tagName).toEqual('INPUT');
-      expect(input.id).toEqual("".concat(ID, "-").concat(part.id));
+      expect(input.id).toEqual(`${ID}-${part.id}`);
 
       // Put something in the input and make sure it fires.
       _react.fireEvent.change(input, {
         target: {
-          name: "".concat(FIELD_ID, "-").concat(part.id),
+          name: `${FIELD_ID}-${part.id}`,
           value: part.value
         }
       });

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

@@ -1,11 +1,11 @@
 "use strict";
 
 var _getComponent = _interopRequireDefault(require("../getComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return null for an unknown type', function () {
+describe('utils.Component.get', () => {
+  it('should return null for an unknown type', () => {
     expect((0, _getComponent.default)({
       type: 'unknown'
     })).toBeNull();