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

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

@@ -1,20 +1,20 @@
 "use strict";
 
-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); }
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
 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 _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 _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 && 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 }; }
 // Global imports.
 
 // Local imports.
 
-describe('components.CollectionSummary.CollectionSummary', function () {
-  var CONFIG = {
+describe('components.CollectionSummary.CollectionSummary', () => {
+  const CONFIG = {
     id: 'testSummary',
     fieldId: 'testSummary',
     collectionName: 'testCollection',
@@ -25,51 +25,91 @@ describe('components.CollectionSummary.CollectionSummary', function () {
       }
     }
   };
-  var FORM_DATA = {
+  const FORM_DATA = {
     testCollectionActiveId: '001',
     testCollection: [{
-      id: '000'
+      id: '000',
+      testText: 'value'
     }, {
       id: '001'
     }]
   };
-  var ON_ACTION = function ON_ACTION() {};
-  var checkSetup = function checkSetup(container) {
-    var summaryDiv = container.children[0];
+  const PAGES = [{
+    id: 'testPage',
+    title: 'Test page',
+    collection: {
+      name: 'testCollection'
+    },
+    components: [{
+      id: 'testText',
+      fieldId: 'testText',
+      type: 'text',
+      required: true,
+      custom_errors: [{
+        type: 'required',
+        message: 'testText is required'
+      }]
+    }],
+    formData: FORM_DATA
+  }];
+  const ON_ACTION = () => {};
+  const checkSetup = container => {
+    const summaryDiv = container.children[0];
     expect(summaryDiv.tagName).toEqual('DIV');
     return summaryDiv;
   };
-  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 summary = checkSetup(container);
+  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 summary = checkSetup(container);
     expect(summary.children.length).toEqual(2);
     expect(summary.children[0].id).toEqual("".concat(CONFIG.fieldId, ".summaryCard").concat(FORM_DATA.testCollection[0].id));
     expect(summary.children[1].id).toEqual("".concat(CONFIG.fieldId, ".summaryCard").concat(FORM_DATA.testCollection[1].id));
   });
-  it('should render a confirmation when a SummaryCard\'s delete button is pressed', function () {
-    var _renderWithValidation2 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-        config: CONFIG,
-        formData: FORM_DATA,
-        onAction: ON_ACTION
-      })),
-      container = _renderWithValidation2.container;
-    var summary = checkSetup(container);
+  it('should correctly raise errors found when validating entries', () => {
+    const ErrorCheckComponent = () => {
+      const {
+        errors
+      } = (0, _hooks.useValidation)();
+      return /*#__PURE__*/_react.default.createElement("div", null, Array.isArray(errors) && "errors is an array of length ".concat(errors.length), (errors === null || errors === void 0 ? void 0 : errors.length) > 0 && errors.map(e => 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];
+    expect(errorChecker.textContent).toContain('errors 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 summary = checkSetup(container);
     expect(summary.children.length).toEqual(2);
-    var card = summary.children[0];
-    var deleteButton = card.children[0].children[1].children[0];
+    const card = summary.children[0];
+    const deleteButton = card.children[0].children[1].children[0];
     _react2.fireEvent.click(deleteButton, {});
     expect(summary.children.length).toEqual(3); // Now with a confirmation.
     expect(summary.children[0].id).toEqual("".concat(CONFIG.fieldId, ".confirmation"));
     expect(summary.children[0].classList).toContain(_Confirmation.DEFAULT_CLASS);
   });
-  describe('Add Another button', function () {
-    it('should render with an Add button if one is configured', function () {
-      var CONFIG_WITH_BUTTON = {
+  describe('Add Another button', () => {
+    it('should render with an Add button if one is configured', () => {
+      const CONFIG_WITH_BUTTON = {
         id: 'testSummary',
         fieldId: 'testSummary',
         collectionName: 'testCollection',
@@ -81,20 +121,21 @@ describe('components.CollectionSummary.CollectionSummary', function () {
           title: 'Title'
         }
       };
-      var _renderWithValidation3 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-          config: CONFIG_WITH_BUTTON,
-          formData: FORM_DATA,
-          onAction: ON_ACTION
-        })),
-        container = _renderWithValidation3.container;
-      var summary = checkSetup(container);
+      const {
+        container
+      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: CONFIG_WITH_BUTTON,
+        formData: FORM_DATA,
+        onAction: ON_ACTION
+      }));
+      const summary = checkSetup(container);
       expect(summary.children.length).toEqual(3); // The button and a card for each item.
       expect(summary.children[0].id).toEqual("".concat(CONFIG_WITH_BUTTON.fieldId, ".addButton"));
       expect(summary.children[0].textContent).toEqual(CONFIG_WITH_BUTTON.addButton.label);
       expect(summary.children[0].tagName).toEqual('BUTTON');
     });
-    it('should use the default button label if none is provided', function () {
-      var CONFIG_WITH_BUTTON = {
+    it('should use the default button label if none is provided', () => {
+      const CONFIG_WITH_BUTTON = {
         id: 'testSummary',
         fieldId: 'testSummary',
         collectionName: 'testCollection',
@@ -105,65 +146,69 @@ describe('components.CollectionSummary.CollectionSummary', function () {
           title: 'Title'
         }
       };
-      var _renderWithValidation4 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-          config: CONFIG_WITH_BUTTON,
-          formData: FORM_DATA,
-          onAction: ON_ACTION
-        })),
-        container = _renderWithValidation4.container;
-      var summary = checkSetup(container);
+      const {
+        container
+      } = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
+        config: CONFIG_WITH_BUTTON,
+        formData: FORM_DATA,
+        onAction: ON_ACTION
+      }));
+      const summary = checkSetup(container);
       expect(summary.children.length).toEqual(3); // The button and a card for each item.
       expect(summary.children[0].id).toEqual("".concat(CONFIG_WITH_BUTTON.fieldId, ".addButton"));
       expect(summary.children[0].textContent).toEqual(_CollectionSummary.DEFAULT_ADD_BUTTON_LABEL);
       expect(summary.children[0].tagName).toEqual('BUTTON');
     });
-    it('should apply the expected class name to the summary card when delete button is pressed', function () {
-      var _renderWithValidation5 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-          config: CONFIG,
-          formData: FORM_DATA,
-          onAction: ON_ACTION
-        })),
-        container = _renderWithValidation5.container;
-      var summary = checkSetup(container);
+    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 summary = checkSetup(container);
       expect(summary.children.length).toEqual(2);
-      var card = summary.children[0];
-      var deleteButton = card.children[0].children[1].children[0];
+      const card = summary.children[0];
+      const deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
+      const 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', function () {
-      var _renderWithValidation6 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-          config: CONFIG,
-          formData: FORM_DATA,
-          onAction: ON_ACTION
-        })),
-        container = _renderWithValidation6.container;
-      var summary = checkSetup(container);
+    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 summary = checkSetup(container);
       expect(summary.children.length).toEqual(2);
-      var card = summary.children[0];
-      var deleteButton = card.children[0].children[1].children[0];
+      const card = summary.children[0];
+      const deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      var confirmButton = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS, " button.hods-button--warning"));
+      const 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', function () {
-      var _renderWithValidation7 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react.default.createElement(_CollectionSummary.default, {
-          config: CONFIG,
-          formData: FORM_DATA,
-          onAction: ON_ACTION
-        })),
-        container = _renderWithValidation7.container;
-      var summary = checkSetup(container);
+    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 summary = checkSetup(container);
       expect(summary.children.length).toEqual(2);
-      var card = summary.children[0];
-      var deleteButton = card.children[0].children[1].children[0];
+      const card = summary.children[0];
+      const deleteButton = card.children[0].children[1].children[0];
       _react2.fireEvent.click(deleteButton, {});
-      var confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
+      const confirmation = container.querySelector(".".concat(_Confirmation.DEFAULT_CLASS));
       expect(confirmation).toBeTruthy();
-      var roleAttribute = confirmation.getAttribute('role');
+      const roleAttribute = confirmation.getAttribute('role');
       expect(roleAttribute).toEqual('alert');
     });
   });

package/dist/components/CollectionSummary/Confirmation.js

@@ -13,18 +13,20 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // Styles.
 
-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, '');
+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, '');
   return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     className: classes(),

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

@@ -1,64 +1,65 @@
 "use strict";
 
-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); }
 var _react = require("@testing-library/react");
 var _Confirmation = _interopRequireWildcard(require("./Confirmation"));
-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 _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 && 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; }
 // Global imports.
 
 // Local imports.
 
 /* eslint-disable no-plusplus */
 
-describe('components.CollectionSummary.Confirmation', function () {
-  var onConfirmCalls = 0;
-  var ON_CONFIRM = function ON_CONFIRM() {
+describe('components.CollectionSummary.Confirmation', () => {
+  let onConfirmCalls = 0;
+  const ON_CONFIRM = () => {
     onConfirmCalls += 1;
   };
-  var onCancelCalls = 0;
-  var ON_CANCEL = function ON_CANCEL() {
+  let onCancelCalls = 0;
+  const ON_CANCEL = () => {
     onCancelCalls += 1;
   };
-  beforeEach(function () {
+  beforeEach(() => {
     onConfirmCalls = 0;
     onCancelCalls = 0;
   });
-  var ID = 'testId';
-  var MESSAGE = 'Confirmation message';
-  var LABEL = 'Confirmation label';
-  var checkSetup = function checkSetup(container) {
-    var withChildren = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var childIndex = 0;
-    var confirmation = container.children[0];
+  const ID = 'testId';
+  const MESSAGE = 'Confirmation message';
+  const LABEL = 'Confirmation label';
+  const checkSetup = function (container) {
+    let withChildren = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    let childIndex = 0;
+    const confirmation = container.children[0];
     expect(confirmation.classList).toContain(_Confirmation.DEFAULT_CLASS);
-    var heading = confirmation.children[childIndex++];
+    const heading = confirmation.children[childIndex++];
     expect(heading.tagName).toEqual('H2');
-    var children = withChildren ? confirmation.children[childIndex++] : null;
-    var confirmButton = confirmation.children[childIndex++];
+    const children = withChildren ? confirmation.children[childIndex++] : null;
+    const confirmButton = confirmation.children[childIndex++];
     expect(confirmButton.tagName).toEqual('BUTTON');
-    var cancelButton = confirmation.children[childIndex++];
+    const cancelButton = confirmation.children[childIndex++];
     expect(cancelButton.tagName).toEqual('BUTTON');
     return {
-      heading: heading,
-      confirmButton: confirmButton,
-      cancelButton: cancelButton,
-      children: children
+      heading,
+      confirmButton,
+      cancelButton,
+      children
     };
   };
-  it('should render correctly', function () {
-    var _render = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
-        id: ID,
-        message: MESSAGE,
-        confirmLabel: LABEL,
-        onConfirm: ON_CONFIRM,
-        onCancel: ON_CANCEL
-      })),
-      container = _render.container;
-    var _checkSetup = checkSetup(container),
-      heading = _checkSetup.heading,
-      confirmButton = _checkSetup.confirmButton,
-      cancelButton = _checkSetup.cancelButton;
+  it('should render correctly', () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
+      id: ID,
+      message: MESSAGE,
+      confirmLabel: LABEL,
+      onConfirm: ON_CONFIRM,
+      onCancel: ON_CANCEL
+    }));
+    const {
+      heading,
+      confirmButton,
+      cancelButton
+    } = checkSetup(container);
     expect(heading.textContent).toEqual(MESSAGE);
     expect(confirmButton.textContent).toEqual(LABEL);
     _react.fireEvent.click(confirmButton, {});
@@ -66,36 +67,40 @@ describe('components.CollectionSummary.Confirmation', function () {
     _react.fireEvent.click(cancelButton, {});
     expect(onCancelCalls).toEqual(1);
   });
-  it('should use the default message if one is not provided', function () {
-    var _render2 = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
-        id: ID,
-        confirmLabel: LABEL,
-        onConfirm: ON_CONFIRM,
-        onCancel: ON_CANCEL
-      })),
-      container = _render2.container;
-    var _checkSetup2 = checkSetup(container),
-      heading = _checkSetup2.heading;
+  it('should use the default message if one is not provided', () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
+      id: ID,
+      confirmLabel: LABEL,
+      onConfirm: ON_CONFIRM,
+      onCancel: ON_CANCEL
+    }));
+    const {
+      heading
+    } = checkSetup(container);
     expect(heading.textContent).toEqual(_Confirmation.DEFAULT_MESSAGE);
   });
-  it('should use the default label if one is not provided', function () {
-    var _render3 = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
-        id: ID,
-        onConfirm: ON_CONFIRM,
-        onCancel: ON_CANCEL
-      })),
-      container = _render3.container;
-    var confirmButton = checkSetup(container).confirmButton;
+  it('should use the default label if one is not provided', () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
+      id: ID,
+      onConfirm: ON_CONFIRM,
+      onCancel: ON_CANCEL
+    }));
+    const confirmButton = checkSetup(container).confirmButton;
     expect(confirmButton.textContent).toEqual(_Confirmation.DEFAULT_CONFIRM_LABEL);
   });
-  it('should render children correctly', function () {
-    var _render4 = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
-        id: ID,
-        onConfirm: ON_CONFIRM,
-        onCancel: ON_CANCEL
-      }, /*#__PURE__*/React.createElement("p", null, "A child"))),
-      container = _render4.container;
-    var child = checkSetup(container, true).children;
+  it('should render children correctly', () => {
+    const {
+      container
+    } = (0, _react.render)( /*#__PURE__*/React.createElement(_Confirmation.default, {
+      id: ID,
+      onConfirm: ON_CONFIRM,
+      onCancel: ON_CANCEL
+    }, /*#__PURE__*/React.createElement("p", null, "A child")));
+    const child = checkSetup(container, true).children;
     expect(child.tagName).toEqual('P');
     expect(child.textContent).toEqual('A child');
   });