@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.12.0

package/dist/utils/CheckYourAnswers/getCYARowsForCollectionPage.test.js

@@ -2,22 +2,26 @@
 
 var _getCYARowsForCollectionPage = _interopRequireDefault(require("./getCYARowsForCollectionPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
-describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
-  const TEXT_COMP = {
+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); } // Local imports
+describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', function () {
+  var TEXT_COMP = {
     id: 'testText',
     fieldId: 'testText',
     label: 'Test text',
     type: 'text'
   };
-  const DATE_COMP = {
+  var DATE_COMP = {
     id: 'testDate',
     fieldId: 'testDate',
     label: 'Test date',
     type: 'date'
   };
-  const PAGES = [{
+  var PAGES = [{
     id: 'page1',
     collection: {
       name: 'collection'
@@ -30,7 +34,7 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
     },
     components: [DATE_COMP]
   }];
-  const MASTER_PAGE = {
+  var MASTER_PAGE = {
     id: 'page1',
     collection: {
       name: 'collection',
@@ -51,80 +55,112 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
     },
     childPages: PAGES
   };
-  it('should return no rows for a collection if it does not exist in formData', () => {
-    const FORM_DATA = {};
-    const PAGE = {
-      ...MASTER_PAGE,
+  it('should return no rows for a collection if it does not exist in formData', function () {
+    var FORM_DATA = {};
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(0);
   });
-  it('should return no rows for a collection if it has no entries', () => {
-    const FORM_DATA = {
+  it('should return no rows for a collection if it has no entries', function () {
+    var FORM_DATA = {
       collection: []
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(0);
   });
-  it('should accept the hideNameFromCYA collection flag', () => {
-    const FORM_DATA = {
+  it('should accept the hideNameFromCYA collection flag', function () {
+    var FORM_DATA = {
       collection: [{
         testText: 'hello'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA,
-      collection: {
-        ...MASTER_PAGE.collection,
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         hideNameFromCYA: true
-      }
-    };
-    const TITLE_FIELD_ID = "".concat(PAGE.collection.name, "Title");
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+      })
+    });
+    var TITLE_FIELD_ID = "".concat(PAGE.collection.name, "Title");
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS[0].fieldId).not.toEqual(TITLE_FIELD_ID);
   });
-  it('should format titles correctly when collection.labels.item is specified', () => {
-    const FORM_DATA = {
+  it('should format titles correctly when collection.labels.item is specified', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Collection title, item title, action rows & component rows
     expect(ROWS[1].key).toEqual('Collection entry 1');
   });
-  it('should provide default titles if collection.labels.item is not specified', () => {
-    const FORM_DATA = {
+  it('should hide titles when hideItemTitles is true', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      collection: {
-        ...MASTER_PAGE.collection,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA,
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
+        hideItemTitles: true
+      })
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(6); // Collection title, NO item title, action rows & component rows
+  });
+
+  it('should hide titles when hideItemTitles is a show_when that is true', function () {
+    var FORM_DATA = {
+      shouldShow: false,
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA,
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
+        hideItemTitles: [{
+          field: 'shouldShow',
+          op: '=',
+          value: false
+        }]
+      })
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(6); // Collection title, NO item title, action rows & component rows
+  });
+
+  it('should provide default titles if collection.labels.item is not specified', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         labels: {}
-      },
+      }),
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Collection title, item title, action rows & component rows
     expect(ROWS[1].key).toEqual('Item 1');
   });
-  it('should return correctly formatted rows for mutliple entries', () => {
-    const FORM_DATA = {
+  it('should return correctly formatted rows for mutliple entries', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
@@ -133,11 +169,10 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(13); // Title row + component row for each item
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -174,22 +209,20 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test date'
     });
   });
-  it('should use values from top-level formData if they don\'t exist in the item', () => {
-    const FORM_DATA = {
+  it('should use values from top-level formData if they don\'t exist in the item', function () {
+    var FORM_DATA = {
       testText: 'value',
       collection: [{
         id: '01'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      childPages: [{
-        ...PAGES[0],
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
         formData: FORM_DATA
-      }, PAGES[1]],
+      }), PAGES[1]],
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Title row + component row for each item
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -211,8 +244,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test date'
     });
   });
-  it('should return correctly formatted rows for only the active entry when page.collection.onlyShowActiveEntryOnCYA is defined', () => {
-    const FORM_DATA = {
+  it('should return correctly formatted rows for only the active entry when page.collection.onlyShowActiveEntryOnCYA is defined', function () {
+    var FORM_DATA = {
       collectionActiveId: '02',
       collection: [{
         id: '01',
@@ -222,15 +255,13 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      collection: {
-        ...MASTER_PAGE.collection,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         onlyShowActiveEntryOnCYA: true
-      },
+      }),
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Title row + component row for only the active item.
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -252,8 +283,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test date'
     });
   });
-  it('should return correctly formatted rows for only the active entry when page.collection.onlyShowActiveEntryOnCYA is an array', () => {
-    const FORM_DATA = {
+  it('should return correctly formatted rows for only the active entry when page.collection.onlyShowActiveEntryOnCYA is an array', function () {
+    var FORM_DATA = {
       text: 'blue',
       collectionActiveId: '02',
       collection: [{
@@ -264,19 +295,17 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      collection: {
-        ...MASTER_PAGE.collection,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         onlyShowActiveEntryOnCYA: [{
           field: 'text',
           op: 'eq',
           value: 'blue'
         }]
-      },
+      }),
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Title row + component row for only the active item.
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -298,8 +327,8 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test date'
     });
   });
-  it('should exclude components that should not be shown', () => {
-    const FD = {
+  it('should exclude components that should not be shown', function () {
+    var FD = {
       collection: [{
         id: '01',
         otherField: 'yes',
@@ -310,14 +339,12 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         testText: 'testing'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       collection: {
         name: 'collection'
       },
       formData: FD,
-      childPages: [{
-        ...PAGES[0],
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
         components: [{
           id: 'testText',
           fieldId: 'testText',
@@ -329,9 +356,9 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
             value: "yes"
           }
         }]
-      }]
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FD);
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FD);
     expect(ROWS.length).toEqual(4);
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -350,30 +377,28 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test text'
     });
   });
-  it('should exclude pages that should not be shown', () => {
-    const FD = {
+  it('should exclude pages that should not be shown', function () {
+    var FD = {
       collection: [{
         id: '01',
         otherField: 'yes',
         testText: 'testing'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       collection: {
         name: 'collection'
       },
       formData: FD,
-      childPages: [{
-        ...PAGES[0],
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
         show_when: {
           field: "otherField",
           op: "!=",
           value: "yes"
         }
-      }, PAGES[1]]
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FD);
+      }), PAGES[1]]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FD);
     expect(ROWS.length).toEqual(3); // Missing the page with the text component on.
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -388,28 +413,25 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test date'
     });
   });
-  it('should include rows for custom headings', () => {
-    const FORM_DATA = {
+  it('should include rows for custom headings', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA,
-      childPages: [{
-        ...PAGES[0],
-        collection: {
-          ...PAGES[0].collection,
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
+        collection: _objectSpread(_objectSpread({}, PAGES[0].collection), {}, {
           heading: {
             size: 'm',
             text: 'Custom page heading'
           }
-        }
-      }]
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+        })
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS.length).toEqual(7);
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -432,106 +454,168 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test text'
     });
   });
-  it('should default to a title size of small if one is not specified', () => {
-    const FORM_DATA = {
+  it('should allow interpolation of custom headings', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA,
-      childPages: [{
-        ...PAGES[0],
-        collection: {
-          ...PAGES[0].collection,
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
+        collection: _objectSpread(_objectSpread({}, PAGES[0].collection), {}, {
+          // eslint-disable-next-line no-template-curly-in-string
           heading: {
-            text: 'Custom page heading'
+            size: 'm',
+            text: 'interpolated text: ${testText}'
           }
+        })
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(7);
+    expect(ROWS[0]).toMatchObject({
+      type: 'heading',
+      key: 'Collection'
+    });
+    expect(ROWS[1]).toMatchObject({
+      type: 'heading',
+      key: 'Collection entry 1'
+    });
+    expect(ROWS[2].action.label).toEqual('Change');
+    expect(ROWS[3].action.label).toEqual('custom remove label');
+    expect(ROWS[4].action.label).toEqual('custom change label');
+    expect(ROWS[5]).toMatchObject({
+      type: 'heading',
+      key: 'interpolated text: value',
+      size: 'm'
+    });
+    expect(ROWS[6]).toMatchObject({
+      value: 'value',
+      key: 'Test text'
+    });
+  });
+  it('should alow configuration of collection name headings', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
+      }]
+    };
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA,
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
+        collectionHeading: {
+          text: 'Custom collection heading',
+          size: 'm',
+          changeLinkPage: PAGES[0].id
         }
+      }),
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
+        collection: _objectSpread({}, PAGES[0].collection)
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(6);
+    expect(ROWS[0]).toMatchObject({
+      type: 'headingWithAction',
+      key: 'Custom collection heading'
+    });
+  });
+  it('should default to a title size of small if one is not specified', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testText: 'value'
       }]
     };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      formData: FORM_DATA,
+      childPages: [_objectSpread(_objectSpread({}, PAGES[0]), {}, {
+        collection: _objectSpread(_objectSpread({}, PAGES[0].collection), {}, {
+          heading: {
+            text: 'Custom page heading'
+          }
+        })
+      })]
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS[5]).toMatchObject({
       type: 'heading',
       key: 'Custom page heading',
       size: 's'
     });
   });
-  it('should position actions under the title if actionPosition flag is not specified', () => {
-    const FORM_DATA = {
+  it('should position actions under the title if actionPosition flag is not specified', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS[2].action.label).toEqual('Change');
     expect(ROWS[3].action.label).toEqual('custom remove label');
     expect(ROWS[4].action.label).toEqual('custom change label');
   });
-  it('should position actions under the title if actionPosition flag is top', () => {
-    const FORM_DATA = {
+  it('should position actions under the title if actionPosition flag is top', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      collection: {
-        ...MASTER_PAGE.collection,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         actionPosition: 'top'
-      },
+      }),
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS[2].action.label).toEqual('Change');
     expect(ROWS[3].action.label).toEqual('custom remove label');
     expect(ROWS[4].action.label).toEqual('custom change label');
   });
-  it('should position actions under all other rows if actionPosition flag is bottom', () => {
-    const FORM_DATA = {
+  it('should position actions under all other rows if actionPosition flag is bottom', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
-      collection: {
-        ...MASTER_PAGE.collection,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
+      collection: _objectSpread(_objectSpread({}, MASTER_PAGE.collection), {}, {
         actionPosition: 'bottom'
-      },
+      }),
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, FORM_DATA);
     expect(ROWS[ROWS.length - 3].action.label).toEqual('Change');
     expect(ROWS[ROWS.length - 2].action.label).toEqual('custom remove label');
     expect(ROWS[ROWS.length - 1].action.label).toEqual('custom change label');
   });
-  it('should ignore the result of the override function if it returns nullish', () => {
-    const FORM_DATA = {
+  it('should ignore the result of the override function if it returns nullish', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
       }]
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, () => null, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, function () {
+      return null;
+    }, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Collection title, item title, action rows & component rows
     expect(ROWS[5].key).toEqual("Test text");
   });
-  it('should use the rows produced by the override function if provided', () => {
-    const FORM_DATA = {
+  it('should use the rows produced by the override function if provided', function () {
+    var FORM_DATA = {
       collection: [{
         id: '01',
         testText: 'value'
@@ -539,23 +623,22 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
     };
 
     // eslint-disable-next-line arrow-body-style
-    const OVERRIDE = (page, comp) => {
+    var OVERRIDE = function OVERRIDE(page, comp) {
       // This will be called for each component on the page,
       // returning a custom row object.
       return {
         key: "CustomRowFor".concat(comp.label)
       };
     };
-    const PAGE = {
-      ...MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, MASTER_PAGE), {}, {
       formData: FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, OVERRIDE, FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, OVERRIDE, FORM_DATA);
     expect(ROWS.length).toEqual(7); // Collection title, item title, action rows & component rows
     expect(ROWS[5].key).toEqual("CustomRowFor".concat(TEXT_COMP.label));
   });
-  it('should create rows for nested collections correctly', () => {
-    const CUSTOM_FORM_DATA = {
+  it('should create rows for nested collections correctly', function () {
+    var CUSTOM_FORM_DATA = {
       parentActiveId: '001',
       childActiveId: '001',
       parent: [{
@@ -567,7 +650,7 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         }]
       }]
     };
-    const CHILD_MASTER_PAGE = {
+    var CHILD_MASTER_PAGE = {
       id: 'childPage',
       collection: {
         name: 'parent.child',
@@ -591,7 +674,7 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         components: [TEXT_COMP]
       }]
     };
-    const PARENT_MASTER_PAGE = {
+    var PARENT_MASTER_PAGE = {
       id: 'parentPage',
       collection: {
         name: 'parent',
@@ -605,11 +688,10 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
         components: [TEXT_COMP]
       }, CHILD_MASTER_PAGE]
     };
-    const PAGE = {
-      ...PARENT_MASTER_PAGE,
+    var PAGE = _objectSpread(_objectSpread({}, PARENT_MASTER_PAGE), {}, {
       formData: CUSTOM_FORM_DATA
-    };
-    const ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, CUSTOM_FORM_DATA);
+    });
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(PAGE, null, null, CUSTOM_FORM_DATA);
     expect(ROWS.length).toEqual(8);
     expect(ROWS[0]).toMatchObject({
       type: 'heading',
@@ -638,4 +720,80 @@ describe('utils.CheckYourAnswers.getCYARowsForCollectionPage', () => {
       key: 'Test text'
     });
   });
+  it('should create rows for the Collection component correctly', function () {
+    var FORM_DATA = {
+      collection: [{
+        id: '01',
+        testCollection: [{
+          testText: 'collection value'
+        }],
+        otherComp: 'one'
+      }]
+    };
+    var COLLECTION_COMP = {
+      id: 'testCollection',
+      fieldId: 'testCollection',
+      label: 'Test collection',
+      type: 'collection',
+      item: [{
+        id: 'testText',
+        fieldId: 'testText',
+        type: 'text',
+        label: 'Some nice text'
+      }],
+      show_when: [{
+        field: 'otherComp',
+        op: 'eq',
+        value: 'one'
+      }]
+    };
+    var MASTER_PAGE_WITH_COLLECTION = {
+      id: 'page1',
+      collection: {
+        name: 'collection',
+        labels: {
+          // eslint-disable-next-line no-template-curly-in-string
+          item: 'Collection entry ${index}'
+        },
+        actions: [{
+          type: 'change'
+        }, {
+          type: 'remove',
+          label: 'custom remove label'
+        }, {
+          type: 'change',
+          label: 'custom change label',
+          page: 'confirmDelete'
+        }]
+      },
+      childPages: [{
+        id: 'page1',
+        collection: {
+          name: 'collection'
+        },
+        components: [COLLECTION_COMP]
+      }],
+      formData: FORM_DATA
+    };
+    var ROWS = (0, _getCYARowsForCollectionPage.default)(MASTER_PAGE_WITH_COLLECTION, null, null, FORM_DATA);
+    expect(ROWS.length).toEqual(7); // Title row + component row for each item
+    expect(ROWS[0]).toMatchObject({
+      type: 'heading',
+      key: 'Collection'
+    });
+    expect(ROWS[1]).toMatchObject({
+      type: 'heading',
+      key: 'Collection entry 1'
+    });
+    expect(ROWS[2].action.label).toEqual('Change');
+    expect(ROWS[3].action.label).toEqual('custom remove label');
+    expect(ROWS[4].action.label).toEqual('custom change label');
+    expect(ROWS[5]).toMatchObject({
+      key: 'Item 1'
+    });
+    expect(ROWS[6]).toMatchObject({
+      value: 'collection value',
+      key: 'Some nice text'
+    });
+  });
 });