graphdb-workbench-tests 4.0.0-TR2 → 4.0.0-TR4

package/e2e-legacy/ttyg/ttyg-initial-state-with-configured-api-key.spec.js

@@ -39,7 +39,7 @@ describe('TTYG initial state with API key', () => {
     it('Should display the correct initial state when navigating via the navigation menu', () => {
         // Given, I visit the TTYG page via the navigation menu
         HomeSteps.visit();
-        MainMenuSteps.clickOnTTYG();
+        MainMenuSteps.clickOnMenuTTYG();
         // Then,
         verifyStateWithApiKey();
     });

package/e2e-legacy/ttyg/ttyg-initial-state-with-selected-repository.spec.js

@@ -38,7 +38,7 @@ describe.skip('TTYG initial state with selected repository', () => {
     it('Should display the correct initial state when navigating via the navigation menu', () => {
         // Given, I visit the TTYG page via the navigation menu with a repository selected
         HomeSteps.visit();
-        MainMenuSteps.clickOnTTYG();
+        MainMenuSteps.clickOnMenuTTYG();
         // Then,
         verifyStateWithSelectedRepository();
     });

package/e2e-legacy/ttyg/ttyg-initial-state-without-repositories.spec.js

@@ -14,7 +14,7 @@ describe('TTYG initial state without selected repository', () => {
     it('Should display the correct initial state when navigating via the navigation menu', () => {
         // Given, I visit the TTYG page via the navigation menu without a repository selected
         HomeSteps.visit();
-        MainMenuSteps.clickOnTTYG();
+        MainMenuSteps.clickOnMenuTTYG();
         // Then,
         ErrorSteps.verifyNoConnectedRepoMessage();
     });

package/fixtures/cluster/3-nodes-cluster-group-status-no-leader.json

@@ -0,0 +1,41 @@
+[
+    {
+        "address": "pc-desktop:7300",
+        "nodeState": "FOLLOWER",
+        "term": 2,
+        "syncStatus": {},
+        "lastLogTerm": 0,
+        "lastLogIndex": 0,
+        "endpoint": "http://pc-desktop:7200",
+        "recoveryStatus": {},
+        "topologyStatus": {
+            "state": "PRIMARY_NODE"
+        }
+    },
+    {
+        "address": "pc-desktop:7301",
+        "nodeState": "FOLLOWER",
+        "term": 2,
+        "syncStatus": {},
+        "lastLogTerm": 0,
+        "lastLogIndex": 0,
+        "endpoint": "http://pc-desktop:7201",
+        "recoveryStatus": {},
+        "topologyStatus": {
+            "state": "PRIMARY_NODE"
+        }
+    },
+    {
+        "address": "pc-desktop:7302",
+        "nodeState": "FOLLOWER",
+        "term": 2,
+        "syncStatus": {},
+        "lastLogTerm": 0,
+        "lastLogIndex": 0,
+        "endpoint": "http://pc-desktop:7202",
+        "recoveryStatus": {},
+        "topologyStatus": {
+            "state": "PRIMARY_NODE"
+        }
+    }
+]

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "4.0.0-TR2",
+  "version": "4.0.0-TR4",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "graphdb-workbench-tests",
-      "version": "4.0.0-TR2",
+      "version": "4.0.0-TR4",
       "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-TR2",
+  "version": "4.0.0-TR4",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/cluster/cluster-configuration-steps.js

@@ -119,6 +119,10 @@ export class ClusterConfigurationSteps {
         return this.getMultiRegionTabContent().find('.title');
     }
 
+    static getNoLeaderAlert() {
+        return this.getMultiRegionTabContent().find('.no-leader-alert');
+    }
+
     static getAddTagButton() {
         return this.getMultiRegionTabContent().find('.create-tag-btn');
     }

package/steps/import/import-steps.js

@@ -161,17 +161,29 @@ class ImportSteps {
         return this.getSelectedResources().eq(index).closest('.title-row');
     }
 
-    static getResource(index) {
+    static getResourceTitleRow(index) {
         return this.getResources().eq(index);
     }
 
+    static getResourceByIndex(index) {
+        return this.getResourcesTable().find(`[data-test="resource-${index}"]`);
+    }
+
+    static getResourceNameByIndex(index) {
+        return this.getResourceByIndex(index).find('.cell-title').invoke('text');
+    }
+
+    static getResourceStatusByIndex(index) {
+        return this.getResourceByIndex(index).find('.import-resource-message');
+    }
+
     static getResourceByName(name) {
         return this.getResources().find('.cell-title').contains(name)
             .closest('.row.title-row');
     }
 
     static selectFileByIndex(index) {
-        this.getResource(index).find('.select-checkbox').click();
+        this.getResourceTitleRow(index).find('.select-checkbox').click();
     }
 
     static selectFileByName(name) {
@@ -194,8 +206,16 @@ class ImportSteps {
         return this.getResources().find('.import-resource-message');
     }
 
-    static checkImportedResource(index, resourceName, expectedStatus) {
+    static checkImportedResourceByIndex(index, resourceName, expectedStatus) {
         const status = expectedStatus || 'Imported successfully';
+
+        this.getResourceNameByIndex(index).should('contain', resourceName);
+        this.getResourceStatusByIndex(index).should('contain', status);
+    }
+
+    static checkImportedResourceByName(resourceName, expectedStatus) {
+        const status = expectedStatus || 'Imported successfully';
+
         this.getResourceByName(resourceName).should('contain', resourceName);
         this.getResourceStatus(resourceName).should('contain', status);
     }
@@ -263,11 +283,11 @@ class ImportSteps {
     }
 
     static deleteUploadedFile(index) {
-        this.getResource(index).find('.import-resource-action-remove-btn').invoke('show').trigger('click');
+        this.getResourceTitleRow(index).find('.import-resource-action-remove-btn').invoke('show').trigger('click');
     }
 
     static importFile(index) {
-        this.getResource(index).find('.import-resource-action-import-btn').invoke('show').trigger('click');
+        this.getResourceTitleRow(index).find('.import-resource-action-import-btn').invoke('show').trigger('click');
     }
 
     static importResourceByName(name) {
@@ -275,7 +295,7 @@ class ImportSteps {
     }
 
     static resetFileStatus(index) {
-        this.getResource(index).find('.import-resource-action-reset-btn').click();
+        this.getResourceTitleRow(index).find('.import-resource-action-reset-btn').click();
     }
 
     static resetResourceStatusByName(name) {

package/steps/main-menu-steps.js

@@ -272,23 +272,14 @@ export class MainMenuSteps {
     }
 
     // --------------------------
-    // --     Lab menu  --
+    // --     TTYG menu  --
     // --------------------------
-    static getMenuLab() {
-        return this.getMainMenu().getByTestId('menu-lab');
+    static getMenuTTYG() {
+        return this.getMainMenu().getByTestId('menu-ttyg');
     }
 
-    static clickOnMenuLab() {
-        return this.getMenuLab().click();
-    }
-
-    static clickOnTTYG() {
-        this.clickOnMenuLab();
-        this.clickOnTTYGSubmenu()
-    }
-
-    static clickOnTTYGSubmenu() {
-        this.getSubMenuButton('sub-menu-ttyg').click();
+    static clickOnMenuTTYG() {
+        return this.getMenuTTYG().click();
     }
 
     // --------------------------

package/steps/setup/user-and-access-steps.js

@@ -1,5 +1,7 @@
 import {EnvironmentStubs} from "../../stubs/environment-stubs";
 
+const CENTER_SCROLL = {scrollBehavior: 'center'};
+
 export class UserAndAccessSteps {
     static visit() {
         cy.visit('/users');
@@ -118,7 +120,9 @@ export class UserAndAccessSteps {
     }
 
     static typeUsername(text) {
-        this.getUsernameField().type(text);
+        this.getUsernameField()
+            .focus()
+            .type(text);
     }
 
     static getPasswordField() {
@@ -238,13 +242,13 @@ export class UserAndAccessSteps {
             .contains('Global (any data repository)')
             .parent('tr')
             .find('.graphql')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickGraphqlAccessRepo(repoName) {
         this.getRepositoryRightsLine(repoName)
             .find('.graphql')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickReadAccessAny() {
@@ -252,7 +256,7 @@ export class UserAndAccessSteps {
             .contains('Global (any data repository)')
             .parent('tr')
             .find('.read')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickReadAccessRepo(repoName) {
@@ -260,7 +264,7 @@ export class UserAndAccessSteps {
             .contains(repoName)
             .parent('tr')
             .find('.read')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickWriteAccessAny() {
@@ -268,7 +272,7 @@ export class UserAndAccessSteps {
             .contains('Global (any data repository)')
             .parent('tr')
             .find('.write')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickWriteAccessRepo(repoName) {
@@ -276,7 +280,7 @@ export class UserAndAccessSteps {
             .contains(repoName)
             .parent('tr')
             .find('.write')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static findUserRowAlias(username, aliasName = 'userRow') {
@@ -351,7 +355,7 @@ export class UserAndAccessSteps {
     }
 
     static toggleReadAccessForRepo(repoName) {
-        return this.getReadAccessForRepo(repoName).realClick();
+        return this.getReadAccessForRepo(repoName).click(CENTER_SCROLL);
     }
 
     static validateReadAccessForRepo(repoName, expectedState) {
@@ -374,7 +378,7 @@ export class UserAndAccessSteps {
     }
 
     static toggleWriteAccessForRepo(repoName) {
-        return this.getWriteAccessForRepo(repoName).realClick();
+        return this.getWriteAccessForRepo(repoName).click(CENTER_SCROLL);
     }
 
     static validateWriteAccessForRepo(repoName, expectedState) {
@@ -390,7 +394,7 @@ export class UserAndAccessSteps {
     }
 
     static clickMaintainAccessRepo(repoName) {
-        UserAndAccessSteps.getMaintainAccessRepoCheckbox(repoName).realClick();
+        UserAndAccessSteps.getMaintainAccessRepoCheckbox(repoName).click(CENTER_SCROLL);
     }
 
     static toggleMaintainRepoForRepo(repoName) {
@@ -410,7 +414,7 @@ export class UserAndAccessSteps {
     }
 
     static toggleGraphqlAccessForRepo(repoName) {
-        return this.getGraphqlAccessForRepo(repoName).realClick();
+        return this.getGraphqlAccessForRepo(repoName).click(CENTER_SCROLL);
     }
 
     static validateGraphqlAccessForRepo(repoName, expectedState) {
@@ -455,19 +459,19 @@ export class UserAndAccessSteps {
             .contains(repoName)
             .parent('.row')
             .find('.read')
-            .realClick();
+            .click(CENTER_SCROLL);
     }
 
     static clickFreeWriteAccessRepo(repoName) {
         cy.get('.repo-fields').contains(repoName).parent('.row').as('row');
         cy.get('@row').scrollIntoView();
-        cy.get('@row').find('.write').realClick();
+        cy.get('@row').find('.write').click(CENTER_SCROLL);
     }
 
     static clickFreeGraphqlAccessRepo(repoName) {
         cy.get('.repo-fields').contains(repoName).parent('.row').as('row');
         cy.get('@row').scrollIntoView();
-        cy.get('@row').find('.graphql').realClick();
+        cy.get('@row').find('.graphql').click(CENTER_SCROLL);
     }
 
 }

package/steps/yasgui/yasqe-steps.js

@@ -218,4 +218,64 @@ export class YasqeSteps {
     static getActionButton(index) {
         return YasqeSteps.getActionButtons().eq(index);
     }
+
+    static getRunSplitButton() {
+        return YasqeSteps.getYasqe().find('query-split-button');
+    }
+
+    static getRunSplitButtonToggle() {
+        return YasqeSteps.getRunSplitButton().find('.yasqe_querySplitToggle');
+    }
+
+    static openRunDropdown() {
+        YasqeSteps.getRunSplitButtonToggle().click({scrollBehavior: false});
+    }
+
+    static getRunDropdownMenu() {
+        return YasqeSteps.getRunSplitButton().find('.ontotext-run-dropdown-menu');
+    }
+
+    static getRunDropdownItems() {
+        return YasqeSteps.getRunDropdownMenu().find('.ontotext-run-dropdown-menu-item');
+    }
+
+    static getRunDropdownItem(index) {
+        return YasqeSteps.getRunDropdownItems().eq(index);
+    }
+
+    static selectRunDropdownItem(index) {
+        YasqeSteps.openRunDropdown();
+        YasqeSteps.getRunDropdownItem(index).click({scrollBehavior: false});
+        // Hides the tooltip of the split button, which otherwise stays visible and overlaps both
+        // the run button and the toggle itself. The mouseleave has to be forced, because the
+        // tooltip covers the very element it is triggered on, which fails Cypress's actionability
+        // check. This mirrors YasqeSteps.clickExecuteQueryButtonAndHideTooltip.
+        YasqeSteps.getRunSplitButtonToggle().trigger('mouseleave', {force: true});
+    }
+
+    static executeExplainQueryPlan() {
+        YasqeSteps.selectRunDropdownItem(RunDropdownOption.EXPLAIN_PLAN);
+    }
+
+    static executeLlmExplainAll() {
+        YasqeSteps.selectRunDropdownItem(RunDropdownOption.LLM_EXPLAIN_ALL);
+    }
+
+    static executeLlmExplainQuery() {
+        YasqeSteps.selectRunDropdownItem(RunDropdownOption.LLM_EXPLAIN_QUERY);
+    }
+
+    static executeLlmExplainResults() {
+        YasqeSteps.selectRunDropdownItem(RunDropdownOption.LLM_EXPLAIN_RESULTS);
+    }
 }
+
+/**
+ * The order of the options in the run dropdown of the query split button.
+ */
+export const RunDropdownOption = {
+    'EXPLAIN_PLAN': 0,
+    'LLM_EXPLAIN_ALL': 1,
+    'LLM_EXPLAIN_QUERY': 2,
+    'LLM_EXPLAIN_RESULTS': 3
+};

package/steps/yasgui/yasr-steps.js

@@ -135,6 +135,21 @@ export class YasrSteps extends BaseSteps {
         return YasrSteps.getYasr().find('.dataTables_wrapper');
     }
 
+    static getExplainPlanPlugin() {
+        return YasrSteps.getYasr().find('.yasr-explain-plan-plugin');
+    }
+
+    /**
+     * While an explain plan is rendered, the regular yasr header is replaced with a plain title.
+     */
+    static getExplainPlanHeader() {
+        return YasrSteps.getYasr().find('.yasr-header-replacement');
+    }
+
+    static getExplainPlan() {
+        return YasrSteps.getExplainPlanPlugin().find('.explainPlanQuery');
+    }
+
     static getFullscreenButton() {
         return cy.get('.yasr-fullscreen-button');
     }

package/stubs/cluster/cluster-stubs.js

@@ -132,7 +132,7 @@ export class ClusterStubs extends Stubs {
         added.forEach((node) => {
             response[node] = "Node was successfully added in the cluster.";
         });
-        added.forEach((node) => {
+        removed.forEach((node) => {
             response[node] = "Node was successfully removed from the cluster.";
         });
 
@@ -210,6 +210,13 @@ export class ClusterStubs extends Stubs {
         }).as('3-nodes-cluster-group-status-tag');
     }
 
+    static stubClusterGroupStatusWithoutLeader() {
+        cy.intercept('/rest/cluster/group/status', {
+            fixture: '/cluster/3-nodes-cluster-group-status-no-leader.json',
+            statusCode: 200
+        }).as('3-nodes-cluster-group-status-no-leader');
+    }
+
     static stubDeleteTag(uri) {
         cy.intercept(`rest/cluster/config/tag`, {
             body: `"Removed primary tag '${uri}' from cluster`,

package/stubs/yasgui/query-stubs.js

@@ -225,6 +225,25 @@ export class QueryStubs {
     static interceptSavedQueryCreation() {
         cy.intercept('POST', '/rest/sparql/saved-queries').as('saveQuery');
     }
+
+    /**
+     * Aliases the requests towards the repository endpoint, so that an explain plan query can be
+     * told apart from a regular query and from the count query which yasgui sends for the
+     * pagination. They all go to the same endpoint and can only be distinguished by their body.
+     * @param {string} repositoryId - the repository against which the queries are executed.
+     */
+    static interceptQueries(repositoryId) {
+        cy.intercept('POST', `/repositories/${repositoryId}`, (req) => {
+            const body = typeof req.body === 'string' ? req.body : '';
+            if (body.includes('count=1')) {
+                req.alias = 'countQuery';
+            } else if (body.includes('explain=true')) {
+                req.alias = 'explainQuery';
+            } else {
+                req.alias = 'plainQuery';
+            }
+        });
+    }
 }
 
 export class QueryStubDescription {