@ukhomeoffice/cop-react-form-renderer 6.5.1-peter → 6.7.0-alpha

package/dist/utils/Component/getComponentTests/getComponent.checkboxes.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 checkboxes 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 checkboxes 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.CHECKBOXES,
       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],
-      checkboxes = _getAllByTestId2[1];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, checkboxes] = (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(checkboxes.tagName).toEqual('DIV');
     expect(checkboxes.classList).toContain('govuk-checkboxes');
     expect(checkboxes.childNodes.length).toEqual(OPTIONS.length);
-    var checkboxItems = [];
-    OPTIONS.forEach(function (_, index) {
-      var checkbox = checkboxes.childNodes[index];
+    const checkboxItems = [];
+    OPTIONS.forEach((_, index) => {
+      const checkbox = checkboxes.childNodes[index];
       expect(checkbox instanceof Element).toBeTruthy();
       if (checkbox instanceof Element) {
         checkboxItems.push(checkbox);
       }
     });
     expect(checkboxItems.length).toEqual(OPTIONS.length);
-    OPTIONS.forEach(function (option, index) {
-      var checkbox = checkboxItems[index];
+    OPTIONS.forEach((option, index) => {
+      const checkbox = checkboxItems[index];
       expect(checkbox.tagName).toEqual('DIV');
       expect(checkbox.classList).toContain('govuk-checkboxes__item');
-      var _checkbox$childNodes = _slicedToArray(checkbox.childNodes, 2),
-        input = _checkbox$childNodes[0],
-        inputLabel = _checkbox$childNodes[1];
+      const [input, inputLabel] = checkbox.childNodes;
       expect(input.tagName).toEqual('INPUT');
       expect(input.type).toEqual('checkbox');
       expect(inputLabel.textContent).toEqual(option.label);
@@ -101,16 +94,16 @@ describe('utils.Component.get', function () {
       value: [OPTIONS[1].value]
     });
   });
-  it('should return an appropriately rendered checkboxes component with a nested component', function () {
-    var ID = 'test-id';
-    var FIELD_ID = 'field-id';
-    var LABEL = 'label';
-    var NESTED = {
+  it('should return an appropriately rendered checkboxes component with a nested component', () => {
+    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]
@@ -118,11 +111,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.CHECKBOXES,
       id: ID,
       fieldId: FIELD_ID,
@@ -134,16 +127,14 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT)),
-      container = _renderWithValidation.container;
-    var _getAllByTestId3 = (0, _react.getAllByTestId)(container, ID),
-      _getAllByTestId4 = _slicedToArray(_getAllByTestId3, 2),
-      formGroup = _getAllByTestId4[0],
-      checkboxes = _getAllByTestId4[1];
+    const {
+      container
+    } = (0, _setupTests.renderWithValidation)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, checkboxes] = (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') {

package/dist/utils/Component/getComponentTests/getComponent.date.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 date 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 date 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.DATE,
       id: ID,
       fieldId: FIELD_ID,
@@ -28,13 +25,11 @@ describe('utils.Component.get', function () {
       onChange: ON_CHANGE,
       'data-testid': ID
     };
-    var checkDateField = function checkDateField(node, option) {
+    const checkDateField = (node, option) => {
       expect(node.tagName).toEqual('DIV');
       expect(node.classList).toContain('govuk-date-input__item');
-      var group = node.childNodes[0]; // form group
-      var _group$childNodes = _slicedToArray(group.childNodes, 2),
-        label = _group$childNodes[0],
-        input = _group$childNodes[1];
+      const group = node.childNodes[0]; // form group
+      const [label, input] = group.childNodes;
       expect(label.tagName).toEqual('LABEL');
       expect(label.classList).toContain('govuk-label');
       expect(label.textContent).toEqual(option.label);
@@ -42,33 +37,28 @@ describe('utils.Component.get', function () {
       expect(input.id).toEqual(option.id);
       return input;
     };
-    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],
-      dateInput = _getAllByTestId2[1];
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const [formGroup, dateInput] = (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(dateInput.tagName).toEqual('DIV');
     expect(dateInput.classList).toContain('govuk-date-input');
     expect(dateInput.id).toEqual(ID);
-    var _dateInput$childNodes = _slicedToArray(dateInput.childNodes, 3),
-      dayItem = _dateInput$childNodes[0],
-      monthItem = _dateInput$childNodes[1],
-      yearItem = _dateInput$childNodes[2];
-    var dayInput = checkDateField(dayItem, {
+    const [dayItem, monthItem, yearItem] = dateInput.childNodes;
+    const dayInput = checkDateField(dayItem, {
       id: "".concat(ID, "-day"),
       label: 'Day'
     });
-    var monthInput = checkDateField(monthItem, {
+    const monthInput = checkDateField(monthItem, {
       id: "".concat(ID, "-month"),
       label: 'Month'
     });
-    var yearInput = checkDateField(yearItem, {
+    const yearInput = checkDateField(yearItem, {
       id: "".concat(ID, "-year"),
       label: 'Year'
     });

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

@@ -8,40 +8,42 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return a details component containing basic text', function () {
-    var ID = 'test-id';
-    var CONTENT = 'Details content';
-    var SUMMARY = 'Details Summary';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return a details component containing basic text', () => {
+    const ID = 'test-id';
+    const CONTENT = 'Details content';
+    const SUMMARY = 'Details Summary';
+    const COMPONENT = {
       type: _models.ComponentTypes.DETAILS,
       content: CONTENT,
       summary: SUMMARY,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var details = container.querySelector('details');
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const details = container.querySelector('details');
     expect(details.classList).toContain('hods-details');
     expect(details.childNodes[0].textContent).toEqual(SUMMARY);
     expect(details.childNodes[1].textContent).toEqual(CONTENT);
   });
-  it('should return a details component containing multiple html components', function () {
-    var ID = 'test-id';
-    var CONTENT = '<p>this is the content</p><ol><li>one</li><li>two</li></ol><p>second section of content</p>';
-    var SUMMARY = 'Details Summary';
-    var COMPONENT = {
+  it('should return a details component containing multiple html components', () => {
+    const ID = 'test-id';
+    const CONTENT = '<p>this is the content</p><ol><li>one</li><li>two</li></ol><p>second section of content</p>';
+    const SUMMARY = 'Details Summary';
+    const COMPONENT = {
       type: _models.ComponentTypes.DETAILS,
       content: CONTENT,
       summary: SUMMARY,
       tagName: 'div',
       'data-testid': ID
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var details = container.querySelector('details');
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const details = container.querySelector('details');
     expect(details.classList).toContain('hods-details');
-    var content = details.childNodes[1].childNodes[0].childNodes;
+    const content = details.childNodes[1].childNodes[0].childNodes;
     expect(content[0].textContent).toEqual('this is the content');
     expect(content[0].tagName).toEqual('P');
     expect(content[1].childNodes[0].textContent).toEqual('one');

package/dist/utils/Component/getComponentTests/getComponent.email.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 email 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 email 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.EMAIL,
       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.file.test.js

@@ -5,23 +5,20 @@ var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 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 file 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 file 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.FILE,
       id: ID,
       fieldId: FIELD_ID,
@@ -29,16 +26,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;
@@ -50,11 +45,11 @@ describe('utils.Component.get', function () {
     expect(input.tagName).toEqual('INPUT');
     expect(input.classList).toContain('hods-file-upload__select');
     expect(input.id).toEqual("".concat(ID, "-select"));
-    var str = JSON.stringify({
+    const str = JSON.stringify({
       alpha: 'bravo'
     });
-    var blob = new Blob([str]);
-    var FILE = new File([blob], 'test.json', {
+    const blob = new Blob([str]);
+    const FILE = new File([blob], 'test.json', {
       type: 'application/JSON'
     });
     _userEvent.default.upload(input, FILE);

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

@@ -8,20 +8,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return an appropriately rendered heading component', function () {
-    var ID = 'test-id';
-    var SIZE = 'm';
-    var CONTENT = 'Heading text';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered heading component', () => {
+    const ID = 'test-id';
+    const SIZE = 'm';
+    const CONTENT = 'Heading text';
+    const COMPONENT = {
       type: _models.ComponentTypes.HEADING,
       size: SIZE,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var heading = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const heading = (0, _react.getByTestId)(container, ID);
     expect(heading.innerHTML).toContain(CONTENT);
     expect(heading.tagName).toEqual('H2');
     expect(heading.classList).toContain("govuk-heading-".concat(SIZE));

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

@@ -8,32 +8,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return a p tag by default for an HTML component', function () {
-    var ID = 'test-id';
-    var CONTENT = 'HTML content';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return a p tag by default for an HTML component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'HTML content';
+    const COMPONENT = {
       type: _models.ComponentTypes.HTML,
       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');
   });
-  it('should return an appropriate tag for an HTML component', function () {
-    var ID = 'test-id';
-    var TAG_NAME = 'hr';
-    var COMPONENT = {
+  it('should return an appropriate tag for an HTML component', () => {
+    const ID = 'test-id';
+    const TAG_NAME = 'hr';
+    const COMPONENT = {
       type: _models.ComponentTypes.HTML,
       tagName: TAG_NAME,
       'data-testid': ID
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var hr = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const hr = (0, _react.getByTestId)(container, ID);
     expect(hr.tagName).toEqual('HR');
   });
 });

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

@@ -8,18 +8,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return an appropriately rendered inset-text component', function () {
-    var ID = 'test-id';
-    var CONTENT = 'Inset text';
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return an appropriately rendered inset-text component', () => {
+    const ID = 'test-id';
+    const CONTENT = 'Inset text';
+    const COMPONENT = {
       type: _models.ComponentTypes.INSET_TEXT,
       content: CONTENT,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var insetText = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const insetText = (0, _react.getByTestId)(container, ID);
     expect(insetText.innerHTML).toContain(CONTENT);
     expect(insetText.tagName).toEqual('DIV');
     expect(insetText.classList).toContain('govuk-inset-text');

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

@@ -8,35 +8,37 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Local imports
 
-describe('utils.Component.get', function () {
-  it('should return a ul tag and correct className for an unordered list component', function () {
-    var ID = 'test-id';
-    var ITEMS = ['paragraph content1', 'paragraph content2'];
-    var COMPONENT = {
+describe('utils.Component.get', () => {
+  it('should return a ul tag and correct className for an unordered list component', () => {
+    const ID = 'test-id';
+    const ITEMS = ['paragraph content1', 'paragraph content2'];
+    const COMPONENT = {
       type: _models.ComponentTypes.LIST,
       ordered: false,
       items: ITEMS,
       'data-testid': ID
     };
-    var _render = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render.container;
-    var ul = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const ul = (0, _react.getByTestId)(container, ID);
     expect(ul.innerHTML).toContain('<li>paragraph content1</li><li>paragraph content2</li>');
     expect(ul.tagName).toEqual('UL');
     expect(ul.className).toEqual('govuk-list govuk-list--bullet');
   });
-  it('should return a ol tag and correct className for an ordered list component', function () {
-    var ID = 'test-id';
-    var ITEMS = ['paragraph content1', 'paragraph content2'];
-    var COMPONENT = {
+  it('should return a ol tag and correct className for an ordered list component', () => {
+    const ID = 'test-id';
+    const ITEMS = ['paragraph content1', 'paragraph content2'];
+    const COMPONENT = {
       type: _models.ComponentTypes.LIST,
       ordered: true,
       items: ITEMS,
       'data-testid': ID
     };
-    var _render2 = (0, _react.render)((0, _getComponent.default)(COMPONENT)),
-      container = _render2.container;
-    var ol = (0, _react.getByTestId)(container, ID);
+    const {
+      container
+    } = (0, _react.render)((0, _getComponent.default)(COMPONENT));
+    const ol = (0, _react.getByTestId)(container, ID);
     expect(ol.innerHTML).toContain('<li>paragraph content1</li><li>paragraph content2</li>');
     expect(ol.tagName).toEqual('OL');
     expect(ol.className).toEqual('govuk-list govuk-list--number');