graphdb-workbench-tests 4.0.0-TR10 → 4.0.0-TR11

package/e2e-legacy/graph-navigator/graph-navigator.spec.js

@@ -3,6 +3,7 @@ import {LanguageSelectorSteps} from '../../steps/language-selector-steps.js';
 import {RepositorySelectorSteps} from '../../steps/repository-selector-steps.js';
 import {MainMenuSteps} from '../../steps/main-menu-steps.js';
 import {YasqeSteps} from '../../steps/yasgui/yasqe-steps.js';
+import {YasrSteps} from '../../steps/yasgui/yasr-steps.js';
 import {ToasterSteps} from '../../steps/toaster-steps.js';
 
 const FILE_TO_IMPORT = 'resource-test-data.ttl';
@@ -57,6 +58,27 @@ describe('Graph Navigator', () => {
         GraphNavigatorSteps.getElement(CONSTRUCT_TARGET_LABEL).should('exist');
     });
 
+    it('should unmount and mount the diagram component without errors', () => {
+        // Given I have opened the Graph Navigator view, so its diagram component is already loaded.
+        GraphNavigatorSteps.visit();
+        GraphNavigatorSteps.getWorkspace().should('exist');
+        // And I have navigated to the SPARQL editor and executed a CONSTRUCT query.
+        MainMenuSteps.clickOnSparqlMenu();
+        YasqeSteps.getEditor().should('be.visible');
+        YasqeSteps.pasteQuery(CONSTRUCT_QUERY);
+        YasqeSteps.executeQuery();
+
+        // When I click on the "Graph Navigator" button.
+        YasrSteps.visualizeInGraphNavigator();
+
+        // Then I expect to be navigated to the Graph Navigator view, so it renders a second time
+        GraphNavigatorSteps.getComponent().should('exist');
+        // And I expect the computed graph to be seeded on the canvas: the subject and its related resource.
+        GraphNavigatorSteps.getElements().should('have.length', 2);
+        GraphNavigatorSteps.getElement(SEED_RESOURCE_LABEL).should('exist');
+        GraphNavigatorSteps.getElement(CONSTRUCT_TARGET_LABEL).should('exist');
+    });
+
     it('should keep the displayed resources when the language is switched', () => {
         // Given the Graph Navigator view is opened with a start resource that gets seeded on the canvas.
         GraphNavigatorSteps.visit(SEED_RESOURCE_ENCODED);
@@ -235,9 +257,35 @@ describe('Graph Navigator', () => {
             // When I switch to another repository.
             RepositorySelectorSteps.selectRepository(secondRepositoryId);
 
+            // Then I expect a confirmation that warns the diagram will be cleared.
+            GraphNavigatorSteps.getConfirmDialog().should('be.visible')
+                .and('contain', 'The diagram will be cleared.');
+
+            // When I cancel.
+            GraphNavigatorSteps.cancelDialog();
+
+            // Then I expect the repository, the canvas and the start resource in the URL to be kept.
+            GraphNavigatorSteps.getElements().should('have.length', 1);
+            GraphNavigatorSteps.verifyStartResourceUri(decodeURIComponent(SEED_RESOURCE_ENCODED));
+
+            // When I switch to another repository and confirm.
+            RepositorySelectorSteps.selectRepository(secondRepositoryId);
+            GraphNavigatorSteps.confirmDialog();
+
             // Then I expect the workspace to still be mounted, but the canvas to be cleared.
             GraphNavigatorSteps.getWorkspace().should('exist');
             GraphNavigatorSteps.getElements().should('not.exist');
+
+            // And I expect the URL to hold only the new repository.
+            GraphNavigatorSteps.verifyOnlyRepositoryParam(secondRepositoryId);
+
+            // When I refresh the page.
+            cy.reload();
+
+            // Then I expect the canvas to stay empty, because the start resource is no longer in the URL.
+            GraphNavigatorSteps.getWorkspace().should('exist');
+            GraphNavigatorSteps.getElements().should('not.exist');
+            GraphNavigatorSteps.verifyOnlyRepositoryParam(secondRepositoryId);
         });
     });
 });

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "4.0.0-TR10",
+  "version": "4.0.0-TR11",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "4.0.0-TR10",
+      "version": "4.0.0-TR11",
       "license": "Apache-2.0",
       "devDependencies": {
         "@bahmutov/cypress-code-coverage": "^2.7.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "4.0.0-TR10",
+  "version": "4.0.0-TR11",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/graph-navigator-steps.js

@@ -20,6 +20,10 @@ export class GraphNavigatorSteps extends BaseSteps {
         cy.getQueryParam('uri').should('eq', uri);
     }
 
+    static verifyOnlyRepositoryParam(repositoryId) {
+        cy.location('search').should('eq', `?repositoryId=${repositoryId}`);
+    }
+
     static getComponent() {
         return cy.get('graphwise-reactodia');
     }

package/steps/yasgui/yasr-steps.js

@@ -142,4 +142,12 @@ export class YasrSteps extends BaseSteps {
     static toggleFullscreen() {
         YasrSteps.getFullscreenButton().click();
     }
+
+    static getGraphNavigatorButton() {
+        return YasrSteps.getYasr().find('.explore-graph-navigator');
+    }
+
+    static visualizeInGraphNavigator() {
+        YasrSteps.getGraphNavigatorButton().click();
+    }
 }