@ukhomeoffice/cop-react-form-renderer 6.0.5-peter → 6.5.1-peter

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

@@ -239,7 +239,6 @@ describe('components.CollectionSummary.SummaryCard', function () {
     expect(headerDetails.textContent).toEqual("".concat(ENTRY.detailsText, " that are interpolated"));
   });
   describe('Change action button', function () {
-    var inErrorValue = true;
     var onChangeArgs = [];
     var onChangeCalls = 0;
     var ON_CHANGE = function ON_CHANGE(page, id) {
@@ -248,7 +247,6 @@ describe('components.CollectionSummary.SummaryCard', function () {
         id: id
       });
       onChangeCalls += 1;
-      inErrorValue = false;
     };
     beforeEach(function () {
       onChangeArgs = [];
@@ -258,14 +256,17 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         changeAction: {
           label: 'Change label',
-          page: 'testPage'
+          page: 'testPage',
+          aria_label: [{
+            text: 'testText'
+          }]
         }
       };
       var _renderWithValidation7 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
-          onChange: ON_CHANGE,
+          onFullEdit: ON_CHANGE,
           parentCollectionName: "parent",
           formData: {},
           masterPage: {
@@ -277,8 +278,10 @@ describe('components.CollectionSummary.SummaryCard', function () {
         headerActionDiv = _checkSetup7.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var changeButton = headerActionDiv.children[0];
+      expect(changeButton.name).toEqual('Change');
       expect(changeButton.tagName).toEqual('BUTTON');
       expect(changeButton.textContent).toEqual(CONFIG.changeAction.label);
+      expect(changeButton.getAttribute('aria-label')).toEqual(CONFIG.changeAction.aria_label[0].text);
       _react.fireEvent.click(changeButton, {});
       expect(onChangeCalls).toEqual(1);
       expect(onChangeArgs[0]).toMatchObject({
@@ -286,10 +289,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
         id: ENTRY.id
       });
     });
-    it('should render correctly when inError is true', function () {
+    it('should use the default label when one is not provided', function () {
       var CONFIG = {
         changeAction: {
-          label: 'Change label',
           page: 'testPage'
         }
       };
@@ -297,13 +299,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
-          onChange: ON_CHANGE,
+          onFullEdit: ON_CHANGE,
           parentCollectionName: "parent",
           formData: {},
           masterPage: {
             childPages: []
-          },
-          inError: inErrorValue
+          }
         })),
         container = _renderWithValidation8.container;
       var _checkSetup8 = checkSetup(container),
@@ -311,27 +312,13 @@ describe('components.CollectionSummary.SummaryCard', function () {
       expect(headerActionDiv.children.length).toEqual(1);
       var changeButton = headerActionDiv.children[0];
       expect(changeButton.tagName).toEqual('BUTTON');
-      expect(changeButton.textContent).toEqual(CONFIG.changeAction.label);
-      _react.fireEvent.click(changeButton, {});
-      expect(onChangeCalls).toEqual(1);
-      expect(onChangeArgs[0]).toMatchObject({
-        page: CONFIG.changeAction.page,
-        id: ENTRY.id
-      });
-
-      // Check that the inError prop is now false
-      expect(inErrorValue).toBe(false);
+      expect(changeButton.textContent).toEqual(_SummaryCard.DEFAULT_CHANGE_BUTTON_LABEL);
     });
-    it('should use the default label when one is not provided', function () {
-      var CONFIG = {
-        changeAction: {
-          page: 'testPage'
-        }
-      };
+    it('should not render when no config is provided for it', function () {
       var _renderWithValidation9 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
-          config: CONFIG,
+          config: {},
           onChange: ON_CHANGE,
           parentCollectionName: "parent",
           formData: {},
@@ -342,26 +329,6 @@ describe('components.CollectionSummary.SummaryCard', function () {
         container = _renderWithValidation9.container;
       var _checkSetup9 = checkSetup(container),
         headerActionDiv = _checkSetup9.headerActionDiv;
-      expect(headerActionDiv.children.length).toEqual(1);
-      var changeButton = headerActionDiv.children[0];
-      expect(changeButton.tagName).toEqual('BUTTON');
-      expect(changeButton.textContent).toEqual(_SummaryCard.DEFAULT_CHANGE_BUTTON_LABEL);
-    });
-    it('should not render when no config is provided for it', function () {
-      var _renderWithValidation10 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
-          id: ID,
-          entryData: ENTRY,
-          config: {},
-          onChange: ON_CHANGE,
-          parentCollectionName: "parent",
-          formData: {},
-          masterPage: {
-            childPages: []
-          }
-        })),
-        container = _renderWithValidation10.container;
-      var _checkSetup10 = checkSetup(container),
-        headerActionDiv = _checkSetup10.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onChange is not supplied', function () {
@@ -371,7 +338,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           page: 'testPage'
         }
       };
-      var _renderWithValidation11 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation10 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -381,9 +348,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation11.container;
-      var _checkSetup11 = checkSetup(container),
-        headerActionDiv = _checkSetup11.headerActionDiv;
+        container = _renderWithValidation10.container;
+      var _checkSetup10 = checkSetup(container),
+        headerActionDiv = _checkSetup10.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -401,10 +368,13 @@ describe('components.CollectionSummary.SummaryCard', function () {
     it('should render correctly', function () {
       var CONFIG = {
         deleteAction: {
-          label: 'Delete label'
+          label: 'Delete label',
+          aria_label: [{
+            text: 'testText'
+          }]
         }
       };
-      var _renderWithValidation12 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation11 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -415,13 +385,15 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation12.container;
-      var _checkSetup12 = checkSetup(container),
-        headerActionDiv = _checkSetup12.headerActionDiv;
+        container = _renderWithValidation11.container;
+      var _checkSetup11 = checkSetup(container),
+        headerActionDiv = _checkSetup11.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var deleteButton = headerActionDiv.children[0];
+      expect(deleteButton.name).toEqual('Delete');
       expect(deleteButton.tagName).toEqual('BUTTON');
       expect(deleteButton.textContent).toEqual(CONFIG.deleteAction.label);
+      expect(deleteButton.getAttribute('aria-label')).toEqual(CONFIG.deleteAction.aria_label[0].text);
       _react.fireEvent.click(deleteButton, {});
       expect(onDeleteCalls).toEqual(1);
       expect(onDeleteArgs[0]).toMatchObject(ENTRY);
@@ -430,7 +402,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         deleteAction: {}
       };
-      var _renderWithValidation13 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation12 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -441,16 +413,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation13.container;
-      var _checkSetup13 = checkSetup(container),
-        headerActionDiv = _checkSetup13.headerActionDiv;
+        container = _renderWithValidation12.container;
+      var _checkSetup12 = checkSetup(container),
+        headerActionDiv = _checkSetup12.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var deleteButton = headerActionDiv.children[0];
       expect(deleteButton.tagName).toEqual('BUTTON');
       expect(deleteButton.textContent).toEqual(_SummaryCard.DEFAULT_DELETE_BUTTON_LABEL);
     });
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation14 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation13 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -461,9 +433,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation14.container;
-      var _checkSetup14 = checkSetup(container),
-        headerActionDiv = _checkSetup14.headerActionDiv;
+        container = _renderWithValidation13.container;
+      var _checkSetup13 = checkSetup(container),
+        headerActionDiv = _checkSetup13.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onDelete is not supplied', function () {
@@ -472,7 +444,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Delete label'
         }
       };
-      var _renderWithValidation15 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation14 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -482,9 +454,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation15.container;
-      var _checkSetup15 = checkSetup(container),
-        headerActionDiv = _checkSetup15.headerActionDiv;
+        container = _renderWithValidation14.container;
+      var _checkSetup14 = checkSetup(container),
+        headerActionDiv = _checkSetup14.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should correctly render the Details section with entry data', function () {
@@ -493,7 +465,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Delete label'
         }
       };
-      var _renderWithValidation16 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation15 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -503,7 +475,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation16.container;
+        container = _renderWithValidation15.container;
       var detailsSection = container.querySelector('.details');
       expect(detailsSection).not.toBeNull();
       expect(detailsSection.textContent).toContain(ENTRY.summaryText);
@@ -526,7 +498,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Duplicate label'
         }
       };
-      var _renderWithValidation17 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation16 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -537,11 +509,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation17.container;
-      var _checkSetup16 = checkSetup(container),
-        headerActionDiv = _checkSetup16.headerActionDiv;
+        container = _renderWithValidation16.container;
+      var _checkSetup15 = checkSetup(container),
+        headerActionDiv = _checkSetup15.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var duplicateButton = headerActionDiv.children[0];
+      expect(duplicateButton.name).toEqual('Duplicate');
       expect(duplicateButton.tagName).toEqual('BUTTON');
       expect(duplicateButton.textContent).toEqual(CONFIG.duplicateAction.label);
       _react.fireEvent.click(duplicateButton, {});
@@ -552,7 +525,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       var CONFIG = {
         duplicateAction: {}
       };
-      var _renderWithValidation18 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation17 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -563,16 +536,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation18.container;
-      var _checkSetup17 = checkSetup(container),
-        headerActionDiv = _checkSetup17.headerActionDiv;
+        container = _renderWithValidation17.container;
+      var _checkSetup16 = checkSetup(container),
+        headerActionDiv = _checkSetup16.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
       var duplicateButton = headerActionDiv.children[0];
       expect(duplicateButton.tagName).toEqual('BUTTON');
       expect(duplicateButton.textContent).toEqual(_SummaryCard.DEFAULT_DUPLICATE_BUTTON_LABEL);
     });
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation19 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation18 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -583,9 +556,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation19.container;
-      var _checkSetup18 = checkSetup(container),
-        headerActionDiv = _checkSetup18.headerActionDiv;
+        container = _renderWithValidation18.container;
+      var _checkSetup17 = checkSetup(container),
+        headerActionDiv = _checkSetup17.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
     it('should not render when onDuplicate is not supplied', function () {
@@ -594,7 +567,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           label: 'Duplicate label'
         }
       };
-      var _renderWithValidation20 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation19 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -604,9 +577,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
             childPages: []
           }
         })),
-        container = _renderWithValidation20.container;
-      var _checkSetup19 = checkSetup(container),
-        headerActionDiv = _checkSetup19.headerActionDiv;
+        container = _renderWithValidation19.container;
+      var _checkSetup18 = checkSetup(container),
+        headerActionDiv = _checkSetup18.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -638,7 +611,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }
     }];
     it('should render correctly', function () {
-      var _renderWithValidation21 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation20 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -646,16 +619,16 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: PAGES
-          },
-          inError: true
+          }
         })),
-        container = _renderWithValidation21.container;
-      var _checkSetup20 = checkSetup(container),
-        headerActionDiv = _checkSetup20.headerActionDiv;
+        container = _renderWithValidation20.container;
+      var _checkSetup19 = checkSetup(container),
+        headerActionDiv = _checkSetup19.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
 
       // Shows edit button but no quick edit
       var editButton = headerActionDiv.children[0];
+      expect(editButton.name).toEqual('QuickEdit');
       expect(editButton.tagName).toEqual('BUTTON');
       expect(editButton.textContent).toEqual('Quick Edit');
       expect(container.childNodes[0].childNodes.length).toEqual(2); // Quick edit hidden
@@ -679,7 +652,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
     });
 
     it('should not render when no config is provided for it', function () {
-      var _renderWithValidation22 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation21 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: {},
@@ -687,12 +660,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: PAGES
-          },
-          inError: true
+          }
         })),
-        container = _renderWithValidation22.container;
-      var _checkSetup21 = checkSetup(container),
-        headerActionDiv = _checkSetup21.headerActionDiv;
+        container = _renderWithValidation21.container;
+      var _checkSetup20 = checkSetup(container),
+        headerActionDiv = _checkSetup20.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(0);
     });
   });
@@ -735,7 +707,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
         entryId: '123',
         error: 'top-level error message'
       }];
-      var _renderWithValidation23 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
+      var _renderWithValidation22 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
           entryId: CUSTOM_ENTRY.id,
           topLevelErrors: TOP_LEVEL_ERRORS
         }, /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
@@ -746,12 +718,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: PAGES
-          },
-          inError: true
+          }
         }))),
-        container = _renderWithValidation23.container;
-      var _checkSetup22 = checkSetup(container),
-        headerActionDiv = _checkSetup22.headerActionDiv;
+        container = _renderWithValidation22.container;
+      var _checkSetup21 = checkSetup(container),
+        headerActionDiv = _checkSetup21.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
 
       // Shows edit button but no quick edit
@@ -771,7 +742,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       expect(errorSummary.textContent).toContain(TOP_LEVEL_ERRORS[0].error);
     });
     it('should only show errors from validation when it happens, ignoring top-level errors', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
-      var TOP_LEVEL_ERRORS, _renderWithValidation24, container, _checkSetup23, headerActionDiv, editButton, quickEdit, errorSummary, component, componentInput, quickEditButtons, saveButton;
+      var TOP_LEVEL_ERRORS, _renderWithValidation23, container, _checkSetup22, headerActionDiv, editButton, quickEdit, errorSummary, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee3$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -780,7 +751,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               entryId: '123',
               error: 'top-level error message'
             }];
-            _renderWithValidation24 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
+            _renderWithValidation23 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
               entryId: CUSTOM_ENTRY.id,
               topLevelErrors: TOP_LEVEL_ERRORS
             }, /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
@@ -792,10 +763,9 @@ describe('components.CollectionSummary.SummaryCard', function () {
               masterPage: {
                 childPages: PAGES
               },
-              onQuickEdit: function onQuickEdit() {},
-              inError: true
-            }))), container = _renderWithValidation24.container;
-            _checkSetup23 = checkSetup(container), headerActionDiv = _checkSetup23.headerActionDiv;
+              onQuickEdit: function onQuickEdit() {}
+            }))), container = _renderWithValidation23.container;
+            _checkSetup22 = checkSetup(container), headerActionDiv = _checkSetup22.headerActionDiv;
             expect(headerActionDiv.children.length).toEqual(1);
 
             // Shows edit button but no quick edit
@@ -894,7 +864,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }
     }];
     it('should render correctly', function () {
-      var _renderWithValidation25 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation24 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -902,12 +872,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: PAGES
-          },
-          inError: true
+          }
         })),
-        container = _renderWithValidation25.container;
-      var _checkSetup24 = checkSetup(container),
-        headerActionDiv = _checkSetup24.headerActionDiv;
+        container = _renderWithValidation24.container;
+      var _checkSetup23 = checkSetup(container),
+        headerActionDiv = _checkSetup23.headerActionDiv;
       expect(headerActionDiv.children.length).toEqual(1);
 
       // Shows edit button but no quick edit
@@ -941,7 +910,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
           return ON_SUBMIT_CALLS.push(patch);
         }
       };
-      var _renderWithValidation26 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+      var _renderWithValidation25 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
           id: ID,
           entryData: ENTRY,
           config: CONFIG,
@@ -949,14 +918,13 @@ describe('components.CollectionSummary.SummaryCard', function () {
           formData: {},
           masterPage: {
             childPages: PAGES
-          },
-          inError: true
+          }
         }), {
           hooks: hooks
         }),
-        container = _renderWithValidation26.container;
-      var _checkSetup25 = checkSetup(container),
-        headerActionDiv = _checkSetup25.headerActionDiv;
+        container = _renderWithValidation25.container;
+      var _checkSetup24 = checkSetup(container),
+        headerActionDiv = _checkSetup24.headerActionDiv;
 
       // Shows edit button but no quick edit
       var editButton = headerActionDiv.children[0];
@@ -970,7 +938,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
       expect(ON_SUBMIT_CALLS.length).toEqual(0);
     });
     it('should return after local validation if errors are present', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {
-      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation27, container, _checkSetup26, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation26, container, _checkSetup25, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee6$(_context6) {
         while (1) switch (_context6.prev = _context6.next) {
           case 0:
@@ -985,7 +953,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               var target = _ref5.target;
               ON_QUICK_EDIT_CALLS.push(target);
             };
-            _renderWithValidation27 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation26 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: _objectSpread(_objectSpread({}, ENTRY), {}, {
                 index: 0
@@ -1000,12 +968,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: PAGES
-              },
-              inError: true
+              }
             }), {
               hooks: hooks
-            }), container = _renderWithValidation27.container;
-            _checkSetup26 = checkSetup(container), headerActionDiv = _checkSetup26.headerActionDiv;
+            }), container = _renderWithValidation26.container;
+            _checkSetup25 = checkSetup(container), headerActionDiv = _checkSetup25.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1];
@@ -1051,8 +1018,8 @@ describe('components.CollectionSummary.SummaryCard', function () {
         }
       }, _callee6);
     })));
-    it('should run hook validation when a value changes and local validation is passed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
-      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation28, container, _checkSetup27, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+    it('should run hook validation when local validation is passed', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation27, container, _checkSetup26, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee8$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -1071,7 +1038,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               var target = _ref9.target;
               ON_QUICK_EDIT_CALLS.push(target);
             };
-            _renderWithValidation28 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation27 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: ENTRY,
               config: CONFIG,
@@ -1084,12 +1051,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: PAGES
-              },
-              inError: true
+              }
             }), {
               hooks: hooks
-            }), container = _renderWithValidation28.container;
-            _checkSetup27 = checkSetup(container), headerActionDiv = _checkSetup27.headerActionDiv;
+            }), container = _renderWithValidation27.container;
+            _checkSetup26 = checkSetup(container), headerActionDiv = _checkSetup26.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1]; // Make a change
@@ -1115,7 +1081,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
               }, _callee7);
             })));
           case 16:
-            expect(ON_SUBMIT_CALLS[0]).toEqual({
+            expect(ON_SUBMIT_CALLS[0]).toMatchObject({
               testText: 'new value'
             });
             expect(ON_QUICK_EDIT_CALLS.length).toEqual(0);
@@ -1126,11 +1092,10 @@ describe('components.CollectionSummary.SummaryCard', function () {
       }, _callee8);
     })));
     it('should apply changes if no errors are present', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10() {
-      var inErrorValue, ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation29, container, _checkSetup28, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation28, container, _checkSetup27, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
       return _regeneratorRuntime().wrap(function _callee10$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
           case 0:
-            inErrorValue = true;
             ON_SUBMIT_CALLS = [];
             hooks = {
               onSubmit: function onSubmit(type, patch) {
@@ -1141,9 +1106,12 @@ describe('components.CollectionSummary.SummaryCard', function () {
             ON_QUICK_EDIT = function ON_QUICK_EDIT(_ref12) {
               var target = _ref12.target;
               ON_QUICK_EDIT_CALLS.push(target);
-              inErrorValue = false;
             };
-            _renderWithValidation29 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+            _renderWithValidation28 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
+              entryId: "id",
+              topLevelErrors: [],
+              clearTopLevelErrorsForCard: function clearTopLevelErrorsForCard() {}
+            }, /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
               id: ID,
               entryData: {
                 index: 0,
@@ -1159,12 +1127,11 @@ describe('components.CollectionSummary.SummaryCard', function () {
               },
               masterPage: {
                 childPages: PAGES
-              },
-              inError: inErrorValue
-            }), {
+              }
+            })), {
               hooks: hooks
-            }), container = _renderWithValidation29.container;
-            _checkSetup28 = checkSetup(container), headerActionDiv = _checkSetup28.headerActionDiv;
+            }), container = _renderWithValidation28.container;
+            _checkSetup27 = checkSetup(container), headerActionDiv = _checkSetup27.headerActionDiv;
             editButton = headerActionDiv.children[0];
             _react.fireEvent.click(editButton, {});
             quickEdit = container.childNodes[0].childNodes[1]; // Make a change that will be accepted
@@ -1177,7 +1144,7 @@ describe('components.CollectionSummary.SummaryCard', function () {
             });
             quickEditButtons = quickEdit.childNodes[2];
             saveButton = quickEditButtons.childNodes[0];
-            _context10.next = 17;
+            _context10.next = 16;
             return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9() {
               return _regeneratorRuntime().wrap(function _callee9$(_context9) {
                 while (1) switch (_context9.prev = _context9.next) {
@@ -1189,21 +1156,97 @@ describe('components.CollectionSummary.SummaryCard', function () {
                 }
               }, _callee9);
             })));
-          case 17:
+          case 16:
             expect(ON_QUICK_EDIT_CALLS.length).toEqual(1);
             expect(ON_QUICK_EDIT_CALLS[0].value[0]).toEqual({
               alreadyProvidedField: 'hello',
               testText: 'new value'
             });
-
-            // Check that the inError prop is now false
-            expect(inErrorValue).toBe(false);
-          case 20:
+          case 18:
           case "end":
             return _context10.stop();
         }
       }, _callee10);
     })));
+    it('should remove the isDuplicate flag on a sucessful quick edit', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12() {
+      var ON_SUBMIT_CALLS, hooks, ON_QUICK_EDIT_CALLS, ON_QUICK_EDIT, _renderWithValidation29, container, _checkSetup28, headerActionDiv, editButton, quickEdit, component, componentInput, quickEditButtons, saveButton;
+      return _regeneratorRuntime().wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            ON_SUBMIT_CALLS = [];
+            hooks = {
+              onSubmit: function onSubmit(type, patch) {
+                return ON_SUBMIT_CALLS.push(patch);
+              }
+            };
+            ON_QUICK_EDIT_CALLS = [];
+            ON_QUICK_EDIT = function ON_QUICK_EDIT(_ref15) {
+              var target = _ref15.target;
+              ON_QUICK_EDIT_CALLS.push(target);
+            };
+            _renderWithValidation29 = (0, _setupTests.renderWithValidation)( /*#__PURE__*/_react2.default.createElement(_SummaryCardValidationContext.default, {
+              entryId: "id",
+              topLevelErrors: [],
+              clearTopLevelErrorsForCard: function clearTopLevelErrorsForCard() {}
+            }, /*#__PURE__*/_react2.default.createElement(_SummaryCard.default, {
+              id: ID,
+              entryData: {
+                index: 0,
+                id: '0',
+                isDuplicate: true
+              },
+              config: CONFIG,
+              parentCollectionName: "parents",
+              onQuickEdit: ON_QUICK_EDIT,
+              formData: {
+                parents: [{
+                  alreadyProvidedField: 'hello'
+                }]
+              },
+              masterPage: {
+                childPages: PAGES
+              }
+            })), {
+              hooks: hooks
+            }), container = _renderWithValidation29.container;
+            _checkSetup28 = checkSetup(container), headerActionDiv = _checkSetup28.headerActionDiv;
+            editButton = headerActionDiv.children[0];
+            _react.fireEvent.click(editButton, {});
+            quickEdit = container.childNodes[0].childNodes[1]; // Make a change that will be accepted
+            component = quickEdit.childNodes[1];
+            componentInput = component.childNodes[2];
+            _react.fireEvent.change(componentInput, {
+              target: {
+                value: 'new value'
+              }
+            });
+            quickEditButtons = quickEdit.childNodes[2];
+            saveButton = quickEditButtons.childNodes[0];
+            _context12.next = 16;
+            return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11() {
+              return _regeneratorRuntime().wrap(function _callee11$(_context11) {
+                while (1) switch (_context11.prev = _context11.next) {
+                  case 0:
+                    _react.fireEvent.click(saveButton, {});
+                  case 1:
+                  case "end":
+                    return _context11.stop();
+                }
+              }, _callee11);
+            })));
+          case 16:
+            expect(ON_QUICK_EDIT_CALLS.length).toEqual(1);
+            // isDuplicate flag should not be present.
+            expect(ON_QUICK_EDIT_CALLS[0].value[0]).toEqual({
+              alreadyProvidedField: 'hello',
+              testText: 'new value'
+            });
+          case 18:
+          case "end":
+            return _context12.stop();
+        }
+      }, _callee12);
+    })));
   });
   describe('Details prop behavior', function () {
     it('should render the provided details', function () {