graphdb-workbench-tests 3.3.3 → 3.4.0-TR1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "graphdb-workbench-tests",
-  "version": "3.3.3",
+  "version": "3.4.0-TR1",
   "description": "Cypress tests for GraphDB workbench",
   "type": "module",
   "scripts": {

package/steps/guides/guide-dialog-steps.js

@@ -1,4 +1,6 @@
-export class GuideDialogSteps {
+import {BaseSteps} from "../base-steps.js";
+
+export class GuideDialogSteps extends BaseSteps {
 
     static getModalDialog() {
         return cy.get('.shepherd-content:visible');
@@ -8,6 +10,50 @@ export class GuideDialogSteps {
         return GuideDialogSteps.getModalDialog().find('.shepherd-header');
     }
 
+    static getCancelButton() {
+        return this.getHeader().find('.shepherd-cancel-icon');
+    }
+
+    static clickOnCancelButton() {
+        return this.getCancelButton().click();
+    }
+
+    static getConfirmCancelDialog() {
+        return this.getByTestId('confirm-cancel-dialog');
+    }
+
+    static getConfirmCancelDialogCloseButton() {
+        return this.getByTestId('close-dialog-btn');
+    }
+
+    static clickOnConfirmCancelDialogCloseButton() {
+        return this.getConfirmCancelDialogCloseButton().click();
+    }
+
+    static getConfirmCancelDialogCancelButton() {
+        return this.getByTestId('cancel-btn');
+    }
+
+    static clickConfirmCancelDialogCancelButton() {
+        return this.getConfirmCancelDialogCancelButton().click();
+    }
+
+    static getConfirmCancelDialogDontShowAgainButton() {
+        return this.getByTestId('dont-show-again-btn');
+    }
+
+    static clickConfirmCancelDialogDontShowAgainButton() {
+        return this.getConfirmCancelDialogDontShowAgainButton().click();
+    }
+
+    static getConfirmCancelDialogExitButton() {
+        return this.getByTestId('exit-btn');
+    }
+
+    static clickConfirmCancelDialogExitButton() {
+        return this.getConfirmCancelDialogExitButton().click();
+    }
+
     static getContent() {
         return GuideDialogSteps.getModalDialog().find('.shepherd-text');
     }
@@ -28,8 +74,12 @@ export class GuideDialogSteps {
         return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Close');
     }
 
+    static getSkipButton() {
+        return GuideDialogSteps.getFooter().find('.shepherd-button').contains('Skip');
+    }
+
     static clickOnNextButton(forceVisible = false) {
-        GuideDialogSteps.getNextButton().scrollIntoView().click({force: forceVisible});
+        return GuideDialogSteps.getNextButton().scrollIntoView().click({force: forceVisible});
     }
 
     static clickOnPreviousButton(forceVisible = false) {
@@ -40,6 +90,10 @@ export class GuideDialogSteps {
         GuideDialogSteps.getCloseButton().scrollIntoView().click();
     }
 
+    static clickOnSkipButton() {
+        GuideDialogSteps.getSkipButton().scrollIntoView().click();
+    }
+
     static getContentLink() {
         return GuideDialogSteps.getContent().find('a');
     }
@@ -56,4 +110,8 @@ export class GuideDialogSteps {
     static assertDialogIsClosed() {
         GuideDialogSteps.getModalDialog().should('not.exist');
     }
+
+    static copyQueryToEditor() {
+        GuideDialogSteps.getModalDialog().find('.guide-copy-to-editor-query-button').click();
+    }
 }

package/steps/main-menu-steps.js

@@ -16,6 +16,7 @@ export class MainMenuSteps {
         return MainMenuSteps.getMenuButton('Import');
     }
 
+    // TODO: temporary using more complex implementation until we have two SPARQL menu elements in the navbar
     static getMenuSparql() {
         return MainMenuSteps.getMenuButton('SPARQL');
     }

package/steps/setup/acl-management-steps.js

@@ -165,6 +165,10 @@ export class AclManagementSteps {
         this.getRoleField(index).clear().type(value);
     }
 
+    static blurRole(index) {
+        this.getRoleField(index).blur();
+    }
+
     static getFieldError() {
         return cy.get('div.small');
     }

package/steps/sparql-editor-steps.js

@@ -3,12 +3,13 @@ import {YasqeSteps} from "./yasgui/yasqe-steps";
 const VIEW_URL = '/sparql';
 
 export class SparqlEditorSteps {
-    static visitSparqlEditorPage() {
-        cy.visit(VIEW_URL);
+    static visitSparqlEditorPage(urlParameters) {
+        const url = urlParameters ? `${VIEW_URL}?${urlParameters}` : VIEW_URL;
+        cy.visit(url);
     }
 
-    static visitSparqlEditorPageAndWaitForEditor() {
-        SparqlEditorSteps.visitSparqlEditorPage();
+    static visitSparqlEditorPageAndWaitForEditor(urlParameters ) {
+        SparqlEditorSteps.visitSparqlEditorPage(urlParameters);
         // Because we use angularjs less than 1.7.3 we use additional library ng-custom-element.umd.js to solve problem with property bindings
         // This library make additional call to ontotext-yasgui-web-component and the component that's way the component renders twice when page loaded.
         // This is bad because in tests cypress can find an element when it is rendered from first call and try to click it for example.

package/steps/sparql-steps.js

@@ -63,8 +63,12 @@ class SparqlSteps {
         this.getLoader().should('not.exist');
     }
 
+    static getActiveTabPanel() {
+        return cy.get('.tabPanel.active');
+    }
+
     static getRunQueryButton() {
-        return cy.get('#wb-sparql-runQuery');
+        return this.getActiveTabPanel().find('.yasqe_queryButton');
     }
 
     static getNoQueryRunInfo() {
@@ -124,6 +128,14 @@ class SparqlSteps {
         return cy.get('#saveAsBtn');
     }
 
+    static getVisualBtn() {
+        return this.getActiveTabPanel().find('.explore-visual-graph-button');
+    }
+
+    static visualizeConstructQuery() {
+        this.getVisualBtn().click();
+    }
+
     static getEditorAndResultsBtn() {
         return cy.get('.editor-and-results-btn');
     }

package/steps/visual-graph-steps.js

@@ -87,6 +87,30 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.autocomplete-toast a');
     }
 
+    static getRdfResourceSearchInput() {
+        return cy.getByTestId('rdf-resource-input');
+    }
+
+    static searchForRdfResource(resource) {
+        this.getRdfResourceSearchInput().type(resource, {force: true});
+    }
+
+    static shareVisualGraphWithOtherUsers() {
+        this.getShareGraphButton().click();
+    }
+
+    static getShareGraphButton() {
+        return cy.getByTestId('share-graph-config');
+    }
+
+    static selectConfig(configName) {
+        this.getConfigByName(configName).click();
+    }
+
+    static getConfigByName(name) {
+        return cy.getByTestId(`graph-config-${name}`);
+    }
+
     static getGraphVisualizationNodes() {
         return this.getGraphVisualizationPane().find('.node-wrapper');
     }
@@ -148,6 +172,14 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get(`[id="${nodeId}"] circle`);
     }
 
+    static clickOnNode(nodeId) {
+        this.getCircleOfNodeByNodeId(nodeId).click();
+    }
+
+    static dblclickOnNode(nodeId) {
+        this.getCircleOfNodeByNodeId(nodeId).trigger('dblclick');
+    }
+
     static getLineBetweenNodesById(narrowId) {
         return cy.get(`[id="${narrowId}"] line`);
     }
@@ -157,13 +189,27 @@ export class VisualGraphSteps extends BaseSteps {
     }
 
     static getSidePanelCloseButton() {
-        return cy.get('');
+        return this.getSidePanelContent().find('.close');
     }
 
     static getSidePanelContent() {
         return cy.get('.rdf-side-panel-content');
     }
 
+    static closeSidePanel() {
+        this.getSidePanelCloseButton().click();
+    }
+
+    // Note the index is 1-based
+    static openConfigTab(tabIndex) {
+        return this.getConfigTab(tabIndex).click();
+    }
+
+    // Note the index is 1-based
+    static getConfigTab(tabIndex) {
+        return cy.getByTestId(`graph-config-tab-${tabIndex}`);
+    }
+
     // Visual graph settings form field access
 
     static openPredicatesTab() {
@@ -251,12 +297,32 @@ export class VisualGraphSteps extends BaseSteps {
         return cy.get('.create-graph-config').should('be.visible');
     }
 
+    static createCustomGraph() {
+        this.getCreateCustomGraphLink().click();
+    }
+
     static getGraphConfigName() {
         return cy.get('.graph-config-name').should('be.visible');
     }
 
     static typeGraphConfigName(name) {
-        this.getGraphConfigName().type(name);
+        this.getGraphConfigName().type(name, {force: true});
+    }
+
+    static typeGraphConfigDescription(description) {
+        return this.getGraphConfigDescription().type(description, {force: true});
+    }
+
+    static getGraphConfigDescription() {
+        return cy.get('.graph-config-description').should('be.visible');
+    }
+
+    static typeGraphConfigHint(hint) {
+        return this.getGraphConfigHint().type(hint, {force: true});
+    }
+
+    static getGraphConfigHint() {
+        return cy.get('.graph-config-example').should('be.visible');
     }
 
     static getSaveConfigButton() {
@@ -337,6 +403,10 @@ export class VisualGraphSteps extends BaseSteps {
         return this.getTruncateLabelsCheckbox().click();
     }
 
+    static getInvalidLinksMessage() {
+        return this.getByTestId('invalid-links-limit');
+    }
+
     static openVisualGraphHome() {
         cy.get('.toolbar-holder').should('be.visible')
             .find('.return-home-btn').should('be.visible').click();
@@ -429,6 +499,10 @@ export class VisualGraphSteps extends BaseSteps {
             .find('#auto-complete-results-wrapper .result-item').eq(index).click();
     }
 
+    static clickOnAutocompleteElement(elementText) {
+        cy.get('.result-item').contains(elementText).click();
+    }
+
     static getSelectedStartNodeUri() {
         return this.getStartNodeSelectorComponent().find('.selected-node code');
     }

package/steps/yasgui/yasqe-steps.js

@@ -35,8 +35,29 @@ export class YasqeSteps {
         return YasqeSteps.getYasqe().find('.yasqe_queryButton');
     }
 
+    /**
+     * Clicks on the execute query button and hides the tooltip, which is sometimes overlapping the button and prevents
+     * it from being clicked.
+     * @param force - whether to force the click and mouseleave events. This is needed when testing a guide, because the
+     * shepherd's overlay is overlapping the button and prevents it from being clicked. In other scenarios, it is better
+     * not to force the click, because we want to make sure that the button is actually clickable by the user.
+     */
+    static clickExecuteQueryButtonAndHideTooltip(force = false) {
+        this.getExecuteQueryButton().click({force});
+        this.getExecuteQueryButton().trigger('mouseleave', {force: true});
+    }
+
     static executeQuery() {
-        this.getExecuteQueryButton().click();
+        this.clickExecuteQueryButtonAndHideTooltip();
+        YasrSteps.getResponseInfo()
+            .should('not.have.class', 'hidden')
+            .should('not.have.class', 'empty')
+            .should('be.visible');
+    }
+
+    // This step is needed when testing a guide. The shepherd's overlay is overlapping somehow the button.
+    static forceExecuteQuery() {
+        this.clickExecuteQueryButtonAndHideTooltip(true);
         YasrSteps.getResponseInfo()
             .should('not.have.class', 'hidden')
             .should('not.have.class', 'empty')
@@ -44,11 +65,11 @@ export class YasqeSteps {
     }
 
     static executeQueryWithoutWaiteResult() {
-        this.getExecuteQueryButton().click();
+        this.clickExecuteQueryButtonAndHideTooltip();
     }
 
     static executeErrorQuery() {
-        this.getExecuteQueryButton().click();
+        this.clickExecuteQueryButtonAndHideTooltip();
         // Wait a wile for the response information to be present.
         cy.get('.error-response-plugin').should('be.visible');
     }
@@ -95,7 +116,11 @@ export class YasqeSteps {
         return cy.waitUntil(() =>
             this.getEditor().find('.CodeMirror')
                 .then((codeMirrorEl) => {
-                    return codeMirrorEl && codeMirrorEl[0].CodeMirror.getValue().indexOf(query) !== -1;
+                    if (codeMirrorEl && codeMirrorEl[0].CodeMirror.getValue().indexOf(query) !== -1) {
+                        return true;
+                    } else {
+                        cy.fail('Query in editor is not as expected. Expected query:\n' + query + '\nActual query:\n' + codeMirrorEl[0].CodeMirror.getValue());
+                    }
                 }));
     }
 

package/steps/yasgui/yasr-steps.js

@@ -1,4 +1,6 @@
-export class YasrSteps {
+import {BaseSteps} from "../base-steps.js";
+
+export class YasrSteps extends BaseSteps {
     static getYasr() {
         return cy.get('.tabPanel.active .yasr');
     }
@@ -63,6 +65,10 @@ export class YasrSteps {
         this.getResultCell(rowNumber, cellNumber).realHover();
     }
 
+    static clickOnResource(rowNumber, cellNumber) {
+        this.getResultCell(rowNumber, cellNumber).find('.uri-link').click({force: true});
+    }
+
     static getCopyResourceLink(rowNumber, cellNumber) {
         return this.getResultCell(rowNumber, cellNumber)
             .realHover()
@@ -114,4 +120,24 @@ export class YasrSteps {
     static getNoResultsMessage() {
         return YasrSteps.getYasr().find('.alert-success');
     }
+
+    static getPivotTablePlugin() {
+        return YasrSteps.getYasr().find('.pivot-table-plugin');
+    }
+
+    static getGoogleChartPlugin() {
+        return YasrSteps.getYasr().find('.google-visualization-table');
+    }
+
+    static getExtendedTablePlugin() {
+        return YasrSteps.getYasr().find('.dataTables_wrapper');
+    }
+
+    static getFullscreenButton() {
+        return cy.get('.yasr-fullscreen-button');
+    }
+
+    static toggleFullscreen() {
+        YasrSteps.getFullscreenButton().click();
+    }
 }

package/stubs/guides/guides-stubs.js

@@ -47,10 +47,50 @@ export class GuidesStubs {
         GuidesStubs.stubWithFixture('../fixtures/guides/main-menu/main-menu-guide.json');
     }
 
+    static stubExecuteSparqlQueryGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/execute-sparql-query/execute-sparql-query-guide.json');
+    }
+
     static stubDownloadResource(resourcePath, resourceFile) {
         cy.intercept('GET', `/rest/guides/download/${resourcePath}/${resourceFile}`, {
             fixture: `guides/download-resource.ttl`,
-        }).as('resource-download');;
+        }).as('resource-download');
+    }
+
+    static stubImportRDFFileGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/import-rdf-file/import-rdf-file-guide.json');
+    }
+
+    static stubConfirmDuplicatedRDFFileGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/import-rdf-file/confirm-duplicate-rdf-file-guide.json');
+    }
+
+    static stubRDFRankGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/rdf-rank/rdf-rank-guide.json');
+    }
+
+    static stubTableGraphExploreWithoutSubstepsGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/table-graph-explore/table-graph-explore-without-substeps-guide.json');
+    }
+
+    static stubTableGraphExploreGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/table-graph-explore/table-graph-explore-guide.json');
+    }
+    static stubWelcomGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/welcome/welcome-guide.json');
+    }
+
+
+    static stubVisualGraphGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/visual-graph/visual-graph-guide.json');
+    }
+
+    static stubVisualGraphConfigGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/visual-graph/visual-graph-config-guide.json');
+    }
+
+    static stubNavigationGuide() {
+        GuidesStubs.stubWithFixture('../fixtures/guides/navigation/navigation-guide.json');
     }
 
     static stubWithFixture(fixturePath) {