Merge branch 'leafletFix' of https://github.com/terminusdb/terminusdb-dashboard into leafletFix

Author: Francesca-Bit

packages/tdb-dashboard/cypress/e2e/dashboard/document_ui.cy.js

@@ -4,7 +4,7 @@ const teamName = Cypress.env('TEAM_NAME')
 const dataProduct="nuclear"
 const email = Cypress.env('COLLABORATOR_USER')
 const crName=`CR_${Date.now()}`
-let documentID="", nuclearPowerPlantData={}, branchID={}
+let documentID="", nuclearPowerPlantData={}
 
 describe(`Test document explorer UI (Edit/delete/create)`, () => {
   const dashboard = Cypress.config().baseUrl
@@ -40,38 +40,25 @@ describe(`Test document explorer UI (Edit/delete/create)`, () => {
     cy.wait('@cloaning')
   })*/
 
+  // set CR Inactive
+  it("Set Change Request Inactive", () => {
+    cy.visit(`/CYPRESS_TEST_TEAM/nuclear`)
+    cy.get(`label[data-cy=${CONST.CHANGE_REQUEST_MODE_INACTIVE}]`).should('exist').click();
+  })
+
   // Go to Document Explorer
   it("Go to Document Explorer", () => {
-    cy.visit(`/CYPRESS_TEST_TEAM/nuclear`)
     cy.get(`a[data-cy=${IconBarConfig.documentExplorer.key}]`).should('exist').click();
   })
 
   // Click on add a new NuclearPowerPlant 
-  /*it("Click on add a new NuclearPowerPlant", () => {
+  it("Click on add a new NuclearPowerPlant", () => {
     cy.get(`button[data-cy=${CONST.NEW_DOCUMENT_BUTTON_ID}_NuclearPowerPlant]`).should('exist').click();
     cy.get(2000)
-    // the CR modal should pop up on click of create document
-    cy.get('.modal-dialog').should('exist')  
-  })*/
-
-  // Create a CR 
-  it("Create a CR ", () => {
-    let url = `/api/changes/${teamName}/${dataProduct}`    
-    cy.intercept({
-      method: 'POST',
-      path: url,
-    }).as('getBranchName')
-    cy.createCR(crName, "NuclearPowerPlant") 
-    // create CR 
-    cy.get(`button[data-cy=${CONST.CREATE_CHANGE_REQUEST_BUTTON}]`).should('exist').click();
-    cy.get(2000)
-    cy.wait('@getBranchName').then((interception) => {
-      assert.isNotNull(interception.response.body, 'Intercepting create CR API ')
-      //console.log("interception.response.body", interception.response.body)
-      branchID = interception.response.body.branchName
-    })
   })
 
+  
+
   // Check if Frame Viewer of NuclearPowerPlant is loaded
   it("Check if Frame Viewer of NuclearPowerPlant is loaded", () => {
     // check if frame viewer loaded
@@ -147,7 +134,7 @@ describe(`Test document explorer UI (Edit/delete/create)`, () => {
 
   // Create new Nuclear Power Plant
   it("Create new Nuclear Power Plant", () => {
-    const url = `/${teamName}/api/document/${teamName}/${dataProduct}/local/branch/${branchID}?author=${email}&message=add%20a%20new%20document`    
+    const url = `/${teamName}/api/document/${teamName}/${dataProduct}/local/branch/main?author=${email}&message=add%20a%20new%20document`    
     cy.intercept({
       method: 'POST',
       path: url,
@@ -175,4 +162,29 @@ describe(`Test document explorer UI (Edit/delete/create)`, () => {
     cy.get(2000)
   })
 
+  // Check if Frame Viewer of NuclearPowerPlant is loaded
+  it("Check if Frame Viewer of NuclearPowerPlant is loaded", () => {
+    // check if frame viewer loaded
+    cy.get(`div[data-cy=${CONST.FRAME_VIEWER}]`).should('exist');
+    cy.wait(1000)
+  }) 
+
+  // Check if Frame Viewer of NuclearPowerPlant is loaded
+  it("Check if Frame Viewer of NuclearPowerPlant is loaded", () => {
+    // check if frame viewer loaded
+    cy.get(`div[data-cy=${CONST.FRAME_VIEWER}]`).should('exist');
+    cy.wait(1000)
+  }) 
+
+  // test document traversing
+  it("Click linked Country to test Document traversing", () => {
+    // check if frame viewer loaded
+    cy.get(`div[data-cy=${`Country/${nuclearPowerPlantData.country}`}]`).should('exist').click();
+    cy.wait(1000)
+    cy.get('.modal-dialog').should('exist') 
+    cy.get(`div[id="traverse__document__links"]`).should('exist')
+    
+  }) 
+
+
 })

packages/tdb-documents-ui/src/components/SearchExistingLink.js

@@ -28,6 +28,7 @@ const LinkedDocument = ({ selected, onTraverse, className }) => {
     <div className={`text-break text-decoration-underline ${className} bg-transparent`}
       onClick={(e) => handleClick(e, selected.id)} 
       style={ {cursor: "pointer"} }
+      data-cy={selected.id}
       id={selected.id}> 
       {selected.label ? selected.label : selected.id} 
     </div>

packages/tdb-react-components/src/treeGraphComponent/MainGraphObject.js

@@ -613,6 +613,7 @@ export const MainGraphObject = (mainGraphDataProvider,dbName)=>{
 
 	// new functions
 	const getClassKey=()=>{
+		if(!_currentNode) return {type:'Lexical',fields:[]}
 		if(_currentNode.schema['@key']){
 			const keyObj= _currentNode.schema['@key'];
 			return {type : keyObj["@type"],fields: keyObj['@fields'] || []}