update tests and props

Author: paula-stacho

packages/compass-crud/src/components/document-json-view.tsx

@@ -33,6 +33,7 @@ export type DocumentJsonViewProps = {
   | 'removeDocument'
   | 'replaceDocument'
   | 'updateDocument'
+  | 'openErrorDetailsDialog'
   | 'openInsertDocumentDialog'
 >;
 

packages/compass-crud/src/components/document-list-view.spec.tsx

@@ -21,6 +21,7 @@ describe('<DocumentListView />', function () {
           replaceDocument={sinon.spy()}
           updateDocument={sinon.spy()}
           openInsertDocumentDialog={sinon.spy()}
+          openErrorDetailsDialog={sinon.spy()}
         />
       );
 

packages/compass-crud/src/components/document-list-view.tsx

@@ -35,6 +35,7 @@ export type DocumentListViewProps = {
   | 'replaceDocument'
   | 'updateDocument'
   | 'openInsertDocumentDialog'
+  | 'openErrorDetailsDialog'
 >;
 
 /**
@@ -66,6 +67,7 @@ class DocumentListView extends React.Component<DocumentListViewProps> {
               replaceDocument={this.props.replaceDocument}
               updateDocument={this.props.updateDocument}
               openInsertDocumentDialog={this.props.openInsertDocumentDialog}
+              openErrorDetailsDialog={this.props.openErrorDetailsDialog}
             />
           </KeylineCard>
         </li>
@@ -97,6 +99,7 @@ class DocumentListView extends React.Component<DocumentListViewProps> {
     replaceDocument: PropTypes.func,
     updateDocument: PropTypes.func,
     openInsertDocumentDialog: PropTypes.func,
+    openErrorDetailsDialog: PropTypes.func,
     copyToClipboard: PropTypes.func,
     className: PropTypes.string,
   };

packages/compass-crud/src/components/document.tsx

@@ -57,6 +57,7 @@ Document.propTypes = {
   replaceDocument: PropTypes.func,
   updateDocument: PropTypes.func,
   openInsertDocumentDialog: PropTypes.func,
+  openErrorDetailsDialog: PropTypes.func,
   copyToClipboard: PropTypes.func,
   isExpanded: PropTypes.bool,
 };

packages/compass-crud/src/components/editable-document.spec.tsx

@@ -22,6 +22,7 @@ describe('<EditableDocument />', function () {
           updateDocument={sinon.spy(action)}
           copyToClipboard={sinon.spy(action)}
           openInsertDocumentDialog={sinon.spy(action)}
+          openErrorDetailsDialog={sinon.spy(action)}
         />
       );
     });

packages/compass-crud/src/components/editable-document.tsx

@@ -19,6 +19,7 @@ export type EditableDocumentProps = {
   replaceDocument?: CrudActions['replaceDocument'];
   updateDocument?: CrudActions['updateDocument'];
   openInsertDocumentDialog?: CrudActions['openInsertDocumentDialog'];
+  openErrorDetailsDialog?: CrudActions['openErrorDetailsDialog'];
   copyToClipboard?: CrudActions['copyToClipboard'];
   showInsights?: boolean;
 };
@@ -278,6 +279,12 @@ class EditableDocument extends React.Component<
         onCancel={() => {
           this.handleCancel();
         }}
+        // onOpenErrorDetails{() => {
+        //   this.props.openErrorDetailsDialog?.({
+        //     details: '// TODO erro details',
+        //     closeAction: 'close',
+        //   })
+        // }}
       />
     );
   }

packages/compass-crud/src/components/json-editor.tsx

@@ -58,6 +58,7 @@ export type JSONEditorProps = {
   updateDocument?: CrudActions['updateDocument'];
   copyToClipboard?: CrudActions['copyToClipboard'];
   openInsertDocumentDialog?: CrudActions['openInsertDocumentDialog'];
+  openErrorDetailsDialog?: CrudActions['openErrorDetailsDialog'];
 };
 
 const JSONEditor: React.FunctionComponent<JSONEditorProps> = ({

packages/compass-crud/src/stores/crud-store.spec.ts

@@ -290,6 +290,7 @@ describe('store', function () {
         docsPerPage: 25,
         end: 0,
         error: null,
+        errorDetailsOpen: null,
         insert: {
           doc: null,
           isCommentNeeded: true,
@@ -1447,7 +1448,10 @@ describe('store', function () {
           expect(state.insert.jsonDoc).to.deep.equal(docs);
           expect(state.insert.isOpen).to.equal(true);
           expect(state.insert.jsonView).to.equal(true);
-          expect(state.insert.message).to.equal('Document failed validation');
+          expect(state.insert.error).to.not.be.null;
+          expect(state.insert.error?.message).to.equal(
+            'Document failed validation'
+          );
         });
 
         store.state.insert.jsonDoc = docs;