@ukhomeoffice/cop-react-form-renderer 5.90.1 → 5.91.0

package/dist/components/CollectionSummary/CollectionSummary.test.js

@@ -6,15 +6,18 @@ var _setupTests = require("../../setupTests");
 var _hooks = require("../../hooks");
 var _CollectionSummary = _interopRequireWildcard(require("./CollectionSummary"));
 var _Confirmation = require("./Confirmation");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// Global imports.
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); } // Global imports.
 // Local imports.
-
-describe('components.CollectionSummary.CollectionSummary', () => {
-  const CONFIG = {
+describe('components.CollectionSummary.CollectionSummary', function () {
+  var CONFIG = {
     id: 'testSummary',
     fieldId: 'testSummary',
     collectionName: 'testCollection',
@@ -25,7 +28,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       }
     }
   };
-  const FORM_DATA = {
+  var FORM_DATA = {
     testCollectionActiveId: '001',
     testCollection: [{
       id: '000',
@@ -34,7 +37,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       id: '001'
     }]
   };
-  const PAGES = [{
+  var PAGES = [{
     id: 'testPage',
     title: 'Test page',
     collection: {
@@ -52,41 +55,41 @@ describe('components.CollectionSummary.CollectionSummary', () => {
     }],
     formData: FORM_DATA
   }];
-  const ON_ACTION = () => {};
-  const checkSetup = function (container) {
-    let withAddButton = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    const summaryDiv = container.children[0];
+  var ON_ACTION = function ON_ACTION() {};
+  var checkSetup = function checkSetup(container) {
+    var withAddButton = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    var summaryDiv = container.children[0];
     expect(summaryDiv.tagName).toEqual('DIV');
-    const cardList = withAddButton ? summaryDiv.children[1] : summaryDiv.children[0];
+    var cardList = withAddButton ? summaryDiv.children[1] : summaryDiv.children[0];
     expect(cardList.tagName).toEqual('UL');
     expect(cardList.classList).toContain('collection-summary-card-list');
-    const cards = Array.from(cardList.children, child => {
+    var cards = Array.from(cardList.children, function (child) {
       expect(child.tagName).toEqual('LI');
       return child.children[0] || null;
-    }).filter(c => !!c);
+    }).filter(function (c) {
+      return !!c;
+    });
     return {
-      summaryDiv,
-      cardList,
-      cards
+      summaryDiv: summaryDiv,
+      cardList: cardList,
+      cards: cards
     };
   };
-  it('should correctly render a CollectionSummary component', () => {
-    const {
-      container
-    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-      config: CONFIG,
-      formData: FORM_DATA,
-      onAction: ON_ACTION
-    }));
-    const {
-      cards
-    } = checkSetup(container);
+  it('should correctly render a CollectionSummary component', function () {
+    var _renderWithValidation = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: CONFIG,
+        formData: FORM_DATA,
+        onAction: ON_ACTION
+      })),
+      container = _renderWithValidation.container;
+    var _checkSetup = checkSetup(container),
+      cards = _checkSetup.cards;
     expect(cards.length).toEqual(2);
-    expect(cards[0].id).toEqual(`${CONFIG.fieldId}.summaryCard${FORM_DATA.testCollection[0].id}`);
-    expect(cards[1].id).toEqual(`${CONFIG.fieldId}.summaryCard${FORM_DATA.testCollection[1].id}`);
+    expect(cards[0].id).toEqual("".concat(CONFIG.fieldId, ".summaryCard").concat(FORM_DATA.testCollection[0].id));
+    expect(cards[1].id).toEqual("".concat(CONFIG.fieldId, ".summaryCard").concat(FORM_DATA.testCollection[1].id));
   });
-  it('should focus on the most recently duplicated item', () => {
-    const customConfig = {
+  it('should focus on the most recently duplicated item', function () {
+    var customConfig = {
       id: 'testSummary',
       fieldId: 'testSummary',
       collectionName: 'testCollection',
@@ -106,7 +109,7 @@ describe('components.CollectionSummary.CollectionSummary', () => {
       quickEdit: true,
       focusOn: true
     };
-    const customFormData = {
+    var customFormData = {
       testCollectionActiveId: '001',
       testCollection: [{
         id: '000',
@@ -117,63 +120,60 @@ describe('components.CollectionSummary.CollectionSummary', () => {
         isDuplicate: true
       }]
     };
-    const {
-      container
-    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-      config: customConfig,
-      formData: customFormData,
-      onAction: ON_ACTION
-    }));
-    const changeButtons = container.querySelectorAll('[data-testid="change-button"]');
-    const firstDuplicatedItem = changeButtons[0];
-    const lastDuplicatedItem = changeButtons[changeButtons.length - 1];
+    var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: customConfig,
+        formData: customFormData,
+        onAction: ON_ACTION
+      })),
+      container = _renderWithValidation2.container;
+    var changeButtons = container.querySelectorAll('[data-testid="change-button"]');
+    var firstDuplicatedItem = changeButtons[0];
+    var lastDuplicatedItem = changeButtons[changeButtons.length - 1];
     expect(lastDuplicatedItem).toBeDefined();
     expect(document.activeElement).toEqual(lastDuplicatedItem);
     expect(lastDuplicatedItem.id).toEqual('testSummary.summaryCard001.changeButton');
     expect(document.activeElement).not.toEqual(firstDuplicatedItem);
   });
-  it('should correctly queue errors found when validating entries', () => {
-    const ErrorCheckComponent = () => {
-      const {
-        queuedErrors
-      } = (0, _hooks.useValidation)();
-      return /*#__PURE__*/_react.default.createElement("div", null, Array.isArray(queuedErrors) && `queuedErrors is an array of length ${queuedErrors.length}`, queuedErrors?.length > 0 && queuedErrors.map(e => e.error));
+  it('should correctly queue errors found when validating entries', function () {
+    var ErrorCheckComponent = function ErrorCheckComponent() {
+      var _useValidation = (0, _hooks.useValidation)(),
+        queuedErrors = _useValidation.queuedErrors;
+      return /*#__PURE__*/_react.default.createElement("div", null, Array.isArray(queuedErrors) && "queuedErrors is an array of length ".concat(queuedErrors.length), (queuedErrors === null || queuedErrors === void 0 ? void 0 : queuedErrors.length) > 0 && queuedErrors.map(function (e) {
+        return e.error;
+      }));
     };
-    const {
-      container
-    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ErrorCheckComponent, null), /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-      config: CONFIG,
-      formData: FORM_DATA,
-      onAction: ON_ACTION,
-      pages: PAGES
-    })));
-    const errorChecker = container.children[0];
+    var _renderWithValidation3 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ErrorCheckComponent, null), /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: CONFIG,
+        formData: FORM_DATA,
+        onAction: ON_ACTION,
+        pages: PAGES
+      }))),
+      container = _renderWithValidation3.container;
+    var errorChecker = container.children[0];
     expect(errorChecker.textContent).toContain('queuedErrors is an array of length 1');
     expect(errorChecker.textContent).toContain('testText is required');
   });
-  it('should render a confirmation when a SummaryCard\'s delete button is pressed', () => {
-    const {
-      container
-    } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-      config: CONFIG,
-      formData: FORM_DATA,
-      onAction: ON_ACTION
-    }));
-    const {
-      summaryDiv,
-      cards
-    } = checkSetup(container);
+  it('should render a confirmation when a SummaryCard\'s delete button is pressed', function () {
+    var _renderWithValidation4 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: CONFIG,
+        formData: FORM_DATA,
+        onAction: ON_ACTION
+      })),
+      container = _renderWithValidation4.container;
+    var _checkSetup2 = checkSetup(container),
+      summaryDiv = _checkSetup2.summaryDiv,
+      cards = _checkSetup2.cards;
     expect(cards.length).toEqual(2);
-    const card = cards[0];
-    const deleteButton = card.children[0].children[1].children[0];
+    var card = cards[0];
+    var deleteButton = card.children[0].children[1].children[0];
     _react2.fireEvent.click(deleteButton, {});
     expect(summaryDiv.children.length).toEqual(2); // Now with a confirmation.
-    expect(summaryDiv.children[0].id).toEqual(`${CONFIG.fieldId}.confirmation`);
+    expect(summaryDiv.children[0].id).toEqual("".concat(CONFIG.fieldId, ".confirmation"));
     expect(summaryDiv.children[0].classList).toContain(_Confirmation.DEFAULT_CLASS);
   });
-  describe('Add Another button', () => {
-    it('should render with an Add button if one is configured', () => {
-      const CONFIG_WITH_BUTTON = {
+  describe('Add Another button', function () {
+    it('should render with an Add button if one is configured', function () {
+      var CONFIG_WITH_BUTTON = {
         id: 'testSummary',
         fieldId: 'testSummary',
         collectionName: 'testCollection',
@@ -185,23 +185,21 @@ describe('components.CollectionSummary.CollectionSummary', () => {
           title: 'Title'
         }
       };
-      const {
-        container
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG_WITH_BUTTON,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      }));
-      const {
-        summaryDiv
-      } = checkSetup(container, true);
+      var _renderWithValidation5 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: CONFIG_WITH_BUTTON,
+          formData: FORM_DATA,
+          onAction: ON_ACTION
+        })),
+        container = _renderWithValidation5.container;
+      var _checkSetup3 = checkSetup(container, true),
+        summaryDiv = _checkSetup3.summaryDiv;
       expect(summaryDiv.children.length).toEqual(2); // The button and card list.
-      expect(summaryDiv.children[0].id).toEqual(`${CONFIG_WITH_BUTTON.fieldId}.addButton`);
+      expect(summaryDiv.children[0].id).toEqual("".concat(CONFIG_WITH_BUTTON.fieldId, ".addButton"));
       expect(summaryDiv.children[0].textContent).toEqual(CONFIG_WITH_BUTTON.addButton.label);
       expect(summaryDiv.children[0].tagName).toEqual('BUTTON');
     });
-    it('should use the default button label if none is provided', () => {
-      const CONFIG_WITH_BUTTON = {
+    it('should use the default button label if none is provided', function () {
+      var CONFIG_WITH_BUTTON = {
         id: 'testSummary',
         fieldId: 'testSummary',
         collectionName: 'testCollection',
@@ -212,154 +210,138 @@ describe('components.CollectionSummary.CollectionSummary', () => {
           title: 'Title'
         }
       };
-      const {
-        container
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG_WITH_BUTTON,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      }));
-      const {
-        summaryDiv
-      } = checkSetup(container, true);
+      var _renderWithValidation6 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: CONFIG_WITH_BUTTON,
+          formData: FORM_DATA,
+          onAction: ON_ACTION
+        })),
+        container = _renderWithValidation6.container;
+      var _checkSetup4 = checkSetup(container, true),
+        summaryDiv = _checkSetup4.summaryDiv;
       expect(summaryDiv.children.length).toEqual(2); // The button and card list.
-      expect(summaryDiv.children[0].id).toEqual(`${CONFIG_WITH_BUTTON.fieldId}.addButton`);
+      expect(summaryDiv.children[0].id).toEqual("".concat(CONFIG_WITH_BUTTON.fieldId, ".addButton"));
       expect(summaryDiv.children[0].textContent).toEqual(_CollectionSummary.DEFAULT_ADD_BUTTON_LABEL);
       expect(summaryDiv.children[0].tagName).toEqual('BUTTON');
     });
-    it('should apply the expected class name to the summary card when delete button is pressed', () => {
-      const {
-        container
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      }));
-      const {
-        cards
-      } = checkSetup(container);
+    it('should apply the expected class name to the summary card when delete button is pressed', function () {
+      var _renderWithValidation7 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: CONFIG,
+          formData: FORM_DATA,
+          onAction: ON_ACTION
+        })),
+        container = _renderWithValidation7.container;
+      var _checkSetup5 = checkSetup(container),
+        cards = _checkSetup5.cards;
       expect(cards.length).toEqual(2);
-      const card = cards[0];
-      const deleteButton = card.children[0].children[1].children[0];
+      var card = cards[0];
+      var deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      const confirmation = container.querySelector(`.${_Confirmation.DEFAULT_CLASS}`);
+      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
       expect(confirmation).toBeTruthy();
       expect(card.className).toContain('deleting-summary-card');
     });
-    it('should focus on the delete button in the confirmation panel', () => {
-      const {
-        container
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      }));
-      const {
-        cards
-      } = checkSetup(container);
+    it('should focus on the delete button in the confirmation panel', function () {
+      var _renderWithValidation8 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: CONFIG,
+          formData: FORM_DATA,
+          onAction: ON_ACTION
+        })),
+        container = _renderWithValidation8.container;
+      var _checkSetup6 = checkSetup(container),
+        cards = _checkSetup6.cards;
       expect(cards.length).toEqual(2);
-      const card = cards[0];
-      const deleteButton = card.children[0].children[1].children[0];
+      var card = cards[0];
+      var deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      const confirmButton = container.querySelector(`.${_Confirmation.DEFAULT_CLASS} button.hods-button--warning`);
+      var confirmButton = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS, " button.hods-button--warning"));
       expect(confirmButton).toBeTruthy();
       expect(document.activeElement).toEqual(confirmButton);
     });
-    it('should have the role "alert" in the confirmation panel', () => {
-      const {
-        container
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      }));
-      const {
-        cards
-      } = checkSetup(container);
+    it('should have the role "alert" in the confirmation panel', function () {
+      var _renderWithValidation9 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: CONFIG,
+          formData: FORM_DATA,
+          onAction: ON_ACTION
+        })),
+        container = _renderWithValidation9.container;
+      var _checkSetup7 = checkSetup(container),
+        cards = _checkSetup7.cards;
       expect(cards.length).toEqual(2);
-      const card = cards[0];
-      const deleteButton = card.children[0].children[1].children[0];
+      var card = cards[0];
+      var deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      const confirmation = container.querySelector(`.${_Confirmation.DEFAULT_CLASS}`);
+      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
       expect(confirmation).toBeTruthy();
-      const roleAttribute = confirmation.getAttribute('role');
+      var roleAttribute = confirmation.getAttribute('role');
       expect(roleAttribute).toEqual('alert');
     });
-    it('should correctly render field values in confirmation view', () => {
-      const listViewConfig = {
-        ...CONFIG,
-        card: {
-          ...CONFIG.card,
+    it('should correctly render field values in confirmation view', function () {
+      var listViewConfig = _objectSpread(_objectSpread({}, CONFIG), {}, {
+        card: _objectSpread(_objectSpread({}, CONFIG.card), {}, {
           listView: true
-        },
+        }),
         confirmation: {
           displayFields: ['testText']
         }
-      };
-      const {
-        container,
-        getByText
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: listViewConfig,
-        formData: FORM_DATA,
-        onAction: ON_ACTION,
-        pages: PAGES
-      }));
-      const {
-        cards
-      } = checkSetup(container);
+      });
+      var _renderWithValidation10 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: listViewConfig,
+          formData: FORM_DATA,
+          onAction: ON_ACTION,
+          pages: PAGES
+        })),
+        container = _renderWithValidation10.container,
+        getByText = _renderWithValidation10.getByText;
+      var _checkSetup8 = checkSetup(container),
+        cards = _checkSetup8.cards;
       expect(cards.length).toEqual(2);
-      const card = cards[0];
-      const deleteButton = card.querySelector('.govuk-summary-card__actions li:last-child button');
+      var card = cards[0];
+      var deleteButton = card.querySelector('.govuk-summary-card__actions li:last-child button');
       _react2.fireEvent.click(deleteButton);
-      const confirmation = container.querySelector(`.${_Confirmation.DEFAULT_CLASS}`);
+      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
       expect(confirmation).toBeTruthy();
-      listViewConfig.confirmation.displayFields.forEach(field => {
-        const fieldValue = FORM_DATA.testCollection[0][field];
-        const fieldElement = getByText(fieldValue);
+      listViewConfig.confirmation.displayFields.forEach(function (field) {
+        var fieldValue = FORM_DATA.testCollection[0][field];
+        var fieldElement = getByText(fieldValue);
         expect(fieldElement).not.toBeNull();
       });
     });
-    it('should correctly render field values in confirmation view with index', () => {
-      const listViewConfig = {
-        ...CONFIG,
-        card: {
-          ...CONFIG.card,
+    it('should correctly render field values in confirmation view with index', function () {
+      var listViewConfig = _objectSpread(_objectSpread({}, CONFIG), {}, {
+        card: _objectSpread(_objectSpread({}, CONFIG.card), {}, {
           listView: true
-        },
+        }),
         confirmation: {
           displayFields: ['testText'],
           // eslint-disable-next-line no-template-curly-in-string
           message: 'Test confirmation message with index number ${index}'
         }
-      };
-      const {
-        container,
-        getByText
-      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: listViewConfig,
-        formData: FORM_DATA,
-        onAction: ON_ACTION,
-        pages: PAGES
-      }));
-      const {
-        cards
-      } = checkSetup(container);
+      });
+      var _renderWithValidation11 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+          config: listViewConfig,
+          formData: FORM_DATA,
+          onAction: ON_ACTION,
+          pages: PAGES
+        })),
+        container = _renderWithValidation11.container,
+        getByText = _renderWithValidation11.getByText;
+      var _checkSetup9 = checkSetup(container),
+        cards = _checkSetup9.cards;
       expect(cards.length).toEqual(2);
-      const card = cards[0];
-      const deleteButton = card.querySelector('.govuk-summary-card__actions li:last-child button');
+      var card = cards[0];
+      var deleteButton = card.querySelector('.govuk-summary-card__actions li:last-child button');
       _react2.fireEvent.click(deleteButton);
-      const confirmation = container.querySelector(`.${_Confirmation.DEFAULT_CLASS}`);
+      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
       expect(confirmation).toBeTruthy();
-      listViewConfig.confirmation.displayFields.forEach(field => {
-        const fieldValue = FORM_DATA.testCollection[0][field];
-        const fieldElement = getByText(fieldValue);
+      listViewConfig.confirmation.displayFields.forEach(function (field) {
+        var fieldValue = FORM_DATA.testCollection[0][field];
+        var fieldElement = getByText(fieldValue);
         expect(fieldElement).not.toBeNull();
       });
 
       // Check if the confirmation message contains the index
-      const confirmationMessage = confirmation.querySelector('h2').textContent;
-      expect(confirmationMessage).toContain(`Test confirmation message with index number 1`);
+      var confirmationMessage = confirmation.querySelector('h2').textContent;
+      expect(confirmationMessage).toContain("Test confirmation message with index number 1");
     });
   });
 });

package/dist/components/CollectionSummary/Confirmation.js

@@ -8,25 +8,23 @@ var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireDefault(require("react"));
 require("./Confirmation.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Global imports.
 
 // Styles.
 
-const DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-confirmation';
-const DEFAULT_MESSAGE = exports.DEFAULT_MESSAGE = 'Are you sure?';
-const DEFAULT_CONFIRM_LABEL = exports.DEFAULT_CONFIRM_LABEL = 'Confirm';
-const Confirmation = _ref => {
-  let {
-    id,
-    message,
-    confirmLabel,
-    children,
-    onConfirm,
-    onCancel,
-    classModifiers
-  } = _ref;
-  const classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, '');
+var DEFAULT_CLASS = exports.DEFAULT_CLASS = 'hods-form-confirmation';
+var DEFAULT_MESSAGE = exports.DEFAULT_MESSAGE = 'Are you sure?';
+var DEFAULT_CONFIRM_LABEL = exports.DEFAULT_CONFIRM_LABEL = 'Confirm';
+var Confirmation = function Confirmation(_ref) {
+  var id = _ref.id,
+    message = _ref.message,
+    confirmLabel = _ref.confirmLabel,
+    children = _ref.children,
+    onConfirm = _ref.onConfirm,
+    onCancel = _ref.onCancel,
+    classModifiers = _ref.classModifiers;
+  var classes = _copReactComponents.Utils.classBuilder(DEFAULT_CLASS, classModifiers, '');
   return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: classes(),